美文网首页
checkbox 选中 全选 反选

checkbox 选中 全选 反选

作者: 醉酒的姑娘 | 来源:发表于2018-05-29 11:18 被阅读0次
    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);
                }
            }

相关文章

网友评论

      本文标题:checkbox 选中 全选 反选

      本文链接:https://www.haomeiwen.com/subject/iimojftx.html