8.7w+
社区成员
如何用javascript实现checkbox父节点选中子节点选中取消则全部取消
<script type="text/javascript">
function OnTreeNodeChecked() {
var ele = event.srcElement;
if (ele.type == 'checkbox') {
var childrenDivID = ele.id.replace('CheckBox', 'Nodes');
var div = document.getElementById(childrenDivID);
if (div != null) {
var checkBoxs = div.getElementsByTagName('INPUT');
for (var i = 0; i < checkBoxs.length; i++) {
if (checkBoxs[i].type == 'checkbox')
checkBoxs[i].checked = ele.checked;
}
}
OnTreeNodeChildChecked(ele);
}
}
function OnTreeNodeChildChecked(ele) {
//自动处理上级
var parentDiv = ele.parentElement.parentElement.parentElement.parentElement.parentElement;
var parentChkBox = document.getElementById(parentDiv.id.replace('Nodes', 'CheckBox'));
if (parentChkBox != null) {
var ChildsChkAll = true;
var Boxs = parentDiv.getElementsByTagName('INPUT');
for (var i = 0; i < Boxs.length; i++) {
if (Boxs[i].type == 'checkbox' && Boxs[i].checked == false) {
ChildsChkAll = false;
}
}
parentChkBox.checked = ChildsChkAll;
OnTreeNodeChildChecked(parentChkBox);
}
}
这样写行吗
function OnTreeNodeChecked() {
var ele = event.srcElement;
if (ele.type == 'checkbox') {
var childrenDivID = ele.id.replace('CheckBox', 'Nodes');
var div = document.getElementById(childrenDivID);
if (div != null) {
var checkBoxs = div.getElementsByTagName('INPUT');
for (var i = 0; i < checkBoxs.length; i++) {
if (checkBoxs[i].type == 'checkbox')
checkBoxs[i].checked = ele.checked;
}
}
OnTreeNodeChildChecked(ele);
}
}
function OnTreeNodeChildChecked(ele) {
//自动处理上级
var parentDiv = ele.parentElement.parentElement.parentElement.parentElement.parentElement;
var parentChkBox = document.getElementById(parentDiv.id.replace('Nodes', 'CheckBox'));
if (parentChkBox != null) {
var ChildsChkAll = true;
var Boxs = parentDiv.getElementsByTagName('INPUT');
for (var i = 0; i < Boxs.length; i++) {
if (Boxs[i].type == 'checkbox' && Boxs[i].checked == false) {
ChildsChkAll = false;
}
}
parentChkBox.checked = ChildsChkAll;
OnTreeNodeChildChecked(parentChkBox);
}
}
这样写行吗
...全文
请发表友善的回复…
发表回复
happy664618843 2010-02-24
- 打赏
- 举报
判断父节点是否是checkbox obj.parentNode.tagName!=input
happy664618843 2010-02-24
- 打赏
- 举报
parentElement 最好改成 parentNode parentElement在ff中不支持
varkychan 2010-02-24
- 打赏
- 举报
不明白你的问题！请说得详细点
shan1119 2010-02-24
- 打赏
- 举报
demo
<html>
<head>
<title>Hello, jQuery World!</title>
<script>
function checkChild(name){
var childobj=document.getElementsByName(name);
for(var i=0;i<childobj.length;i++){
childobj[i].checked=document.getElementById(name).checked;
}
}
</script>
</head>
<body>
<input id="chk1" type="checkbox" value="parent" onclick="checkChild('chk1');"/>
<input name="chk1" type="checkbox" value="child1" />
<input name="chk1" type="checkbox" value="child2" />
<input name="chk1" type="checkbox" value="child3" />
</body>
</html>