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
- asp.net mvc checkbox 全选/反选 多选获取值
- JQ checkbox 全选 反选获取值
- checkbox 全选、全不选、反选、提交获取选中值
- checkbox全选反选
- checkbox 全选 反选
- checkbox全选反选
- checkbox,全选,反选
- checkbox全选反选
- 浅淡asp.net中GridView+CheckBox实现全选/反选/删除
- asp.net之DataList里的CheckBox实现全选、反选删除
- checkbox全选和反选
- jquery checkbox 全选 反选
- checkbox全选/反选 动画版
- checkbox 全选 与 反选
- checkbox全选与反选
- checkbox全选与反选
- checkbox全选和反选
- checkbox全选和反选
- Ubuntu16.04安装Stacer工具
- Android Broadcast 监控手机应用的状态
- 阅读进阶
- Juniti4 测试遇到的问题
- Python功能模块之psutil------ Linux性能(CPU、磁盘、内存、网卡)监控
- asp.net mvc checkbox 全选/反选 多选获取值
- Visual Studio 2017最新版正式发布!适用于任何开发人员、平台及APP
- LocalBroadcastManager用法
- 正则表达式
- U盘安装redhat 6.7
- 如何正确的在 InteJ IDE 中导入Maven项目
- 二叉树的性质汇总以及反转二叉树的实现
- 六、忽略测试
- hadoop2.x伪集群搭建全流程