求javascript checkbox 选中事件代码

首先通过getElementById或其它方式获得这些对象obj，然后判断obj.checked = true或false就可以了。

例:

....

function testClickBigCheckBox(){

var big = document.getElementById('bigclassauthorize');

var small1 = document.getElementById('smallclassauthorize1');

var small2 = document.getElementById('smallclassauthorize2');

if(big.checked == true){

small1.checked = true;

small2.checked = true;

}else{

small1.checked = false;

small2.checked = false;

}

}

代码可以精简或者封装,这里只是简单的描述一下基本做法，以上是大项被选中的事件处理，小项的原理差不多。

扩展资料：

思路：获取checkbox对象，根据value属性设置checkbox的checked属性（true为选中，false为取消选中）。下面实例演示——根据文本框的制定值设置复选框的选中项：

1、HTML结构

item-1

item-2

item-3

item-4

item-5

2、javascript代码

function fun(){

var val = document.getElementById("val").value.split(",");

var boxes = document.getElementsByName("test");

for(i=0;i

for(j=0;j

if(boxes[i].value == val[j]){

boxes[i].checked = true;

break

}

}

}

}

大类

首先你通过getElementById或其它方式获得这些对象obj,然后判断obj.checked = true或false就可以了.
例:



....

function testClickBigCheckBox(){
var big = document.getElementById('bigclassauthorize');
var small1 = document.getElementById('smallclassauthorize1');
var small2 = document.getElementById('smallclassauthorize2');
if(big.checked == true){
small1.checked = true;
small2.checked = true;
}else{
small1.checked = false;
small2.checked = false;
}
}
代码可以精简或者封装,这里只是简单的描述一下基本做法.
以上是大项被选中的事件处理.
小项的原理差不多，判断稍微多一点.慢慢写锻炼自己动手操作能力.

- -//, 都一样, 动态的话完全不能这么写 .
得用循环判断. 这里只能给你思路 .
另外想知道这样的效果,去网上搜js treeview .写的好的菜单很多的.

留个脚印 我也想看看怎么做的。