java 全选中_Java web第四天--复选中的全选、全不选、反选应用

document对象的三种查询方法，如果有id属性，优先使用getElementById方法

如果没有id属性，优先使用getElementsByname方法

如果id和name属性都没有，最后按标签名查getElementsByTagName

以上三个方法，一定要在页面加载完成之后才能执行，因为页面是从代码从上往下读的

Title

function checkAll() {

//

var hobbles = document.getElementsByName("hobby");

//alert(hobbles.length);//集合的元素：3，集合中每个元素都是dom对象

/*

alert(hobbles[2].value);获取值：js

*/

for (var i=0;i

hobbles[i].checked = true;

}

}

function checkNo() {

var hobbles = document.getElementsByName("hobby");

for (var i=0;i

hobbles[i].checked = false;

}

}

function checkRe() {

var hobbles = document.getElementsByName("hobby");

for (var i=0;i

hobbles[i].checked = !hobbles[i].checked;

/* if(hobbles[i].checked){

hobbles[i].checked = false;

}else {

hobbles[i].checked = true;

}*/

}

}

兴趣爱好：

C++

java

javascipt

全选

全不选

反选

另一种全选方法

Title

function checkAll() {

/*

也是集合的

*/

var inputs = document.getElementsByTagName("input");

for (var i = 0; i< inputs.length; i++){

inputs[i].checked = true;

}

}

兴趣爱好：

C++

java

javascipt

全选