欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-18 13:05:00
jquery实现复选框的全选和反选 jquery实现复选框的全选和反选 复选框的全选反选一般使用.attr(“checked”, “true”)或...

    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);
     });