checkbox的联动问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了checkbox的联动问题相关的知识,希望对你有一定的参考价值。

现在有4个checkbox按钮,一个父按钮,三个子按钮:
1.当父按钮被选中时,三个子按钮也同时被选中
2.当父按钮被取消选中时,所有子按钮也同时被取消选中
3.只要有一个子按钮被选中,父按钮就会同时被选中

请问这个用javascript怎么实现,谢谢

参考技术A 看看这个和不和你的要求:
<input type="checkbox" id="selectAllCBox" onclick="selectAll(this.checked)" /> 选择全部<br>
<input type="checkbox" id="1Cbox" onclick="setSelectAll()" />1
<input type="checkbox" id="2Cbox" onclick="setSelectAll()" />2
<input type="checkbox" id="3Cbox" onclick="setSelectAll()" />3
<script>
var ids = [
'1Cbox',
'2Cbox',
'3Cbox'
]
function selectAll(checked)
for (var i in ids)
document.getElementById(ids[i]).checked = checked;


function setSelectAll()
var flag = false;
for (var i in ids)
if (document.getElementById(ids[i]).checked)
flag = true;
break;


document.getElementById('selectAllCBox').checked = flag;

</script>本回答被提问者采纳
参考技术B 很简单啊,把你邮箱给我,我下班了,fly2world_flash@126.com我的邮箱,你联系一下,我明天发给你.

关于ligerUI下拉列表两级联动的问题

你好,我现在在做两级联动,我想实现选择了公司名字:companyName,后面就调用一个方法 onChange();然后再这个方法里面实现获取公司名字的值,进行下一个下拉框:categoryName,下面是我的代码
//第一级
$("#companyName").ligerComboBox(
url :'companyNameQueryAction',
isMultiSelect: false,
valueFieldID: 'companyId',
);
function onChange()
var companyName=document.getElementById('companyName').value;
$("#categoryName").ligerComboBox(url :'categoryNameQueryAction?cnm='+encodeURI(encodeURI(companyName)), isMultiSelect: false, valueFieldID: 'categoryId');

我用的是ligerUI,第一次选择公司名称的时候是可以进行两级联动,但是当我第二次选择公司名称的时候,第二级对应的下拉框出现的还是第一次选择出现的对应信息

参考技术A var tempextno="0";

display: '分机号', name: 'extno',width:50, type: "select",
editor: type: 'select', url: 'accountaction!getaccountextno.action', parms :exttype:0,valueField:'extno', textField:'extno',
onSelected:function(value)
tempextno=value;


,
display: "分机1", name: "extnoa", width:50, type: "select",
editor: type: 'select',valueField:'extno', textField:'extno',
ext:function()
var options =
url:"accountaction!getaccountextno.action",
parms:exttype:tempextno,
;
return options;


追问

怎么感觉你的回答不是我问的问题??

以上是关于checkbox的联动问题的主要内容,如果未能解决你的问题,请参考以下文章

ABP ModuleZero后台框架materialize禁止模拟select和checkbox

JQuery对checkbox的操作

.is() 全选复选的判断

C# 关于checkbox的问题

ligerui grid的checkbox问题

ASP.NET MVC checkbox问题