asp.net mvc checkbox 全选/反选  多选获取值

来源:互联网 发布:淘宝店封了怎么办 编辑:程序博客网 时间:2024/06/06 06:58
1.新建一个隐藏域

<input type="hidden" name="checkValue" id="checkValue" value="" />
2.
<th>
 全选
<input type="checkbox" name="checkAll" id="checkAll" onclick="swapCheck()" />
</th>
<td>
<input type="checkbox" name="checkId" id="checkId" value="@item.ImageId" onchange="Getcheckbox()"/>
</td>
3.写 JS
 <script type="text/javascript">
        //checkbox 全选/取消全选
        var isCheckAll = false;
        function swapCheck() {
            if (isCheckAll) {
                $("input[type='checkbox']").each(function () {
                    this.checked = false;
                    Getcheckbox();
                });
                isCheckAll = false;
            } else {
                $("input[type='checkbox']").each(function () {
                    this.checked = true;
                    Getcheckbox();
                });
                isCheckAll = true;
            }
        }
        function Getcheckbox() {
            var str = document.getElementsByName("checkId");
            var objarray = str.length;
            var chestr = "";
            for (i = 0; i < objarray; i++) {
                if (str[i].checked == true) {
                    chestr += str[i].value + ":";
                }
            }
            document.getElementById("checkValue").value = chestr;
        }
    </script>
1 0