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

论坛 期权论坛 脚本     
匿名网站用户   2020-12-21 09:35   11   0
1.新建一个隐藏域

<input type="hidden" name="checkValue" id="checkValue" value="" />
2.
<th>
全选
<input type="checkbox" name="checkAll" id="checkAll" οnclick="swapCheck()" />
</th>
<td>
<input type="checkbox" name="checkId" id="checkId" value="@item.ImageId" οnchange="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>
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:1136255
帖子:227251
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP