jQuery选择器-表单对象属性选择器示例

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

qq_34734520

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

阅读量428

点赞数

分类专栏： jQuery九类选择器及应用

本文链接：https://blog.csdn.net/qq_34734520/article/details/51623166

版权

jQuery九类选择器及应用专栏收录该内容

9 篇文章 1 订阅

订阅专栏

<span style="font-size:24px;color:#ff0000;"><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="js/jquery-2.2.4.js"></script>
</head>
<body>

<form>

    <input type="text" name="email" disabled="disabled" />
    <input type="text" name="password" disabled="disabled" />
    <input type="text" name="id" />

    <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
    <input type="checkbox" name="newsletter" value="Weekly" />
    <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />

    <select id="provinceID">
        <option value="1">广东</option>
        <option value="2" selected="selected">湖南</option>
        <option value="3">湖北</option>
    </select>

</form>



<script type="text/javascript">

    //1)查找所有可用的input元素的个数
    //alert($("input:enabled").size());

    //2)查找所有不可用的input元素的个数
    //alert($("input:disabled").size());

    //3)查找所有选中的复选框元素的个数
    //alert($(":checkbox:checked").size());

    //4)查找所有未选中的复选框元素的个数
    //alert($(":checkbox:not(:checked)").size());

    //5)查找所有选中的选项元素的个数
    alert($("select option:selected").size());


</script>

</body>
</html>



</span>

qq_34734520

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery选择器-表单对象属性选择器示例

广东湖南湖北 //1)查找所有可用的input元素的个数 //alert($("input:enabled").size()); //2)查找所有不可用的input元素的个数 //alert($("input:disabled").size()); //3)查找所有选中的复选框元素的个数
复制链接

扫一扫

专栏目录