分组全选
项目中有时候会遇到分组一对多的单选/反选的需求
这里是整理的一份常用的方法,算是分享/整理下
<html>
<head>
<title>关于分组全选</title>
<script type="text/javascript">
function window_load(){
}
function form_submit(){
return false;
}
function chkParent(pid,cNum){
for(var i=1;i<=cNum;i++){
document.getElementById(pid+"_"+i).checked=document.getElementById(pid).checked;
}
}
function chk_click(cid,pid,cNum){
//if(document.getElementById(cid).checked){
// document.getElementById(pid).checked=true;
//}else{
var flag=false;
for(var i=1;i<=cNum;i++){
if( document.getElementById(pid+"_"+i).checked){
flag=true;
break;
}
}
document.getElementById(pid).checked=flag;
//}
}
</script>
</head>
<body onload="window_load();">
<form id="f" action="05_function.html" onsubmit="return form_submit();" >
<ol>
<li>当父节点选中,其下子节点全部选中</li>
<li>当子节点存在选中,父节点必选中</li>
<li>当子节点全不选中,父节点不选中</li>
</ol>
<table border=1 width=50%>
<tr>
<td><input name="parent" type="checkbox" onclick="chkParent('a',4);" id="a">a<br></td>
<td>
<input name="child" type="checkbox" onclick="chk_click('a_1','a',4);" id="a_1" >a_1<br>
<input name="child" type="checkbox" onclick="chk_click('a_2','a',4);" id="a_2" >a_2<br>
<input name="child" type="checkbox" onclick="chk_click('a_3','a',4);" id="a_3" >a_3<br>
<input name="child" type="checkbox" onclick="chk_click('a_4','a',4);" id="a_4" >a_4<br>
</td>
</tr>
<tr>
<td colspan=2 align="center">
<input type="submit" id="btnSub" value="提交">
</td>
</tr>
</form>
</body>
</html>
分享到:
相关推荐
主要介绍了vue多级复杂列表展开/折叠及全选/分组全选实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
android 折叠菜单
面包车 可能是最强大的RecyclerView框架 ...特色 简洁代码 功能全面 非侵入式 不创建任何文件 刷新不闪屏 数据双向绑定(DataBinding) ...选择模式(多选/单选/全选/取消全选/反选) 拖拽位置 侧滑删除 拖动
带全选按钮的ExpandableListView,可实现全选,android stutio项目,可直接运行。
js 实现 复选框分组全选! 值得下载看看!资源免费,大家分享!!
购物车结算选择功能,可全选,删除单个,删除分组,刷新计算总价,mvc模型设置
实际就是将element三种官方select实例整合起来,同时实现分组+多选+可搜索,此外点击一级分组名可以实现全选/全不选。供有相关需求的开发者参考 准备工作: 除了vue脚手架、element等必要包之外。该项目还用到了...
主要介绍的是通过js来制作复选框的全选和不选效果,需要的朋友可以参考下
昨天早上有写到怎么利用Jquery实现全选 根据大家的意见对程序中一些写法不好的地方进行了修改,也是本人水平有限,存在各种考虑不到的地方。...2:开发过程:要实现通用就要解决2个问题,怎么分组,怎么判断
在用iview框架的 checkbox 多选框时 遇到了一个校验问题 在iview给的例子中 代码如下 ... <Checkbox :indeterminate=indeterminate :value=checkAll **@click.prevent.native
来源: Licence: MIT 作者: _鑫宇:down-right_arrow:無人懂會 一个简单好用的分组标签单选、多选、全选功能
android ExpandableListView实现分组购物车,方便商品的分组展示,并实现一键全选、取消等功能
jQuery公司部门员工分组代码,点击选择员工编号,可全选和清空。
1、图片模式增加“全选/全不选”保存分组图片 2012-08-26 v3.0.0.3 1、改进 图片模式和正文模式能够同时获取下一页内容(需要开启“超级下一页”) 2012-08-25 v3.0.0.2 1、修复 某些网站的下一页地址循环引用(最后一...
bootstrap风格的多选下拉树,基于jquery、ztree,混点下载积分
多种样式实现下拉框多选,渐进渐出,分组选择,全选,全取消通通实现
后期将会加上,单选,全选,组删除,计算总价格,如果大家有更好的思路可以随时联系我,建议两个demo都看一下,比较有什么不同。 如果需要添加数据测试,请注意当前组的shopId保持一致,每种商品的goodsId不能相同。...
联动复选框(复选框的全选和取消全选)。选中指定的父复选框,则设置其所有子复选框为选中状态;取消选中指定的父复选框,则设置其所有子复选框为取消选中状态。如果某父复选框的所有子复选框为均选中状态,则设置该...