当前位置: 移动技术网 > IT编程>网页制作>CSS > jquery实现复选框的全选和反选教程

jquery实现复选框的全选和反选教程

2018年11月01日  | 移动技术网IT编程  | 我要评论

    jquery实现复选框的全选和反选

    jquery实现复选框的全选和反选

    复选框的全选反选一般使用.attr(“checked”, “true”)或 .prop(“checked”, “true”),但经多次实验,.attr在进行一次全选和反选后就失效了,而.prop不存在这个问题,推荐使用.prop。
    html代码:

    全选/反选
      选项1   
      选项2
    

    jquery代码:
    <script src="jquery-1.9.1.min.js"></script>

    $(".cb_all").click(function () {
            var flag = this.checked;
            $(".cb_item").prop("checked", flag);
     });
    

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网