checkbox 选中 全选 反选

    html
          <input type="checkbox" name="selectbody" value=" 1" onclick="selectThis(this)"  />
          <input type="checkbox" name="selectbody" value=" 2" onclick="selectThis(this)"  />
          <input type="checkbox" name="selectbody" value=" 3" onclick="selectThis(this)"  />


         <input type="checkbox" id="selectAll" name="selectAll" />     

    jquery
            //全选 反选
            $("#selectAll").click(function () {

                if ($("#selectAll").is(":checked")) {

                    $("[name='selectbody']").prop("checked", true);

                } else {

                    $("[name='selectbody']").prop("checked", false);
                }

            })


          //单选是全选或反选  
            function selectThis(obj) {
                var flag = false;
                if (!$(obj).is(":checked")) {
                    flag = false;
                } else {
                    flag = true;
                    $("input[name='selectbody']").each(function () {
                        if (!$(this).is(":checked")) {
                            flag = false;
                        }
                    })
                }
                if (flag) {
                    $("#selectAll").prop("checked", true);
                } else {
                    $("#selectAll").prop("checked", false);
                }
            }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。