表单对象属性过滤选择器 2020-09-28

最新推荐文章于 2021-12-05 15:13:31 发布

wao小猪配齐

最新推荐文章于 2021-12-05 15:13:31 发布

阅读量706

点赞数 1

分类专栏：笔记文章标签：过滤器 javascript jquery

本文链接：https://blog.csdn.net/qq_43956225/article/details/108859768

版权

本文介绍了jQuery中的表单对象属性过滤选择器，包括:checked、:disabled、:enabled和:selected，分别用于选取选中、不可用、可用和已选择的表单元素。详细阐述了每个选择器的用法和应用场景。

摘要由CSDN通过智能技术生成

表单对象的属性过滤器通过表单元素的状态属性（例如选中、不可用等状态）匹配元素，包括 :checked 过滤器、 :disabled 过滤器、 :enabled 过滤器和 :selected 过滤器 4 种。

过滤器	说明	示例
:checked	匹配所有选中的被选中元素	$(“input:checked”) //匹配checked属性为checked的input元素
–	–	–
:disabled	匹配所有不可用元素	$(“input:disabled”) //匹配disabled属性为disabled的input元素
–	–	–
:enabled	匹配所有可用的元素	$("input:enabled ") //匹配enabled属性为enabled的input元素
–	–	–
:selected	匹配所有选中的option元素 $(“select option:selected”)	//匹配select元素中被选中的option

：checked它是用于radio,checkbox判断选中
：selected它是用于select下拉框选中。

:enabled 可用
:disabled 不可用。或或
:checked 选中（单选框radio、复选框 checkbox）
:selected 选择（下拉列表 select option）
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="Js/jquery-1.7.2.js"></script>
    <script type="text/javascript">

        $(function () {

            $(":submit").click(function () {

                //获取姓名
                var name = $(":text").val();
                //console.log(name);

                var name2 = $("#text_NC").val();
                console.log(name2);

                //获取性别
                //console.log($(":radio"));
                var sex = $

最低0.47元/天解锁文章

wao小猪配齐

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表单对象属性过滤选择器 2020-09-28

表单对象的属性过滤器通过表单元素的状态属性（例如选中、不可用等状态）匹配元素，包括 :checked 过滤器、 :disabled 过滤器、 :enabled 过滤器和 :selected 过滤器 4 种。过滤器说明示例:checked匹配所有选中的被选中元素$(“input:checked”) //匹配checked属性为checked的input元素–––:disabled匹配所有不可用元素$(“input:disabled”) //匹配disa
复制链接

扫一扫

专栏目录