jQuery复选框全部选中和全部不选择

最新推荐文章于 2022-12-11 12:48:13 发布

西红柿炒番茄AB

最新推荐文章于 2022-12-11 12:48:13 发布

阅读量416

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/a_sid/article/details/53470461

版权

前端专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<html>

    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="./jquery-2.2.4.min.js">
        </script>
        <script type="text/javascript">
        $(function(){
            $("#aid").click(function(){
                //当选中复选框是b的值是TRUE，不选择b的值是false
                var b = $(this).prop("checked");
                //将b的属性给每一个input
                $("ul li input[type = 'checkbox']").prop("checked",b);
            });
        });
        </script>
    </head>

    <body>
        <h2 id="hid">jQuery实例---全选/全不选</h2>
        <ul>
            <li><input type="checkbox" name="likes" />aaa</li>
            <li><input type="checkbox" name="likes" />bbb</li>
            <li><input type="checkbox" name="likes" />cccc</li>
            <li><input type="checkbox" name="likes" />ddd</li>
            <li><input type="checkbox" name="likes" />cccc</li>
            <li><input type="checkbox" name="likes" />ddddd</li>
        </ul>
        <input type="checkbox" id="aid"/>全选/全不选
    </body>

</html>

文档内容

选中复选框为true，没选中为false
jQuery 代码:
$("input[type='checkbox']").prop("checked");

禁用和选中所有页面上的复选框。
jQuery 代码:
$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);

这里写图片描述

西红柿炒番茄AB

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery复选框全部选中和全部不选择

<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"> </script> <script type="text/javascript"> $(function(){
复制链接

扫一扫