触发方法:
1.按钮(button)
[code]
<input type="button" value="全选" οnclick="checkboxAll(document.fromName)"/>
[/code]
2.复选框(checkbox)
[code]
<input type="checkbox" name="all" value="checkboxAll" οnclick="selectOther()"/>反选
[/code]
[color=red]注:方法名和name名不可相同[/color]
3.超链接(a)
[code]
A.<a href="#" οnclick="SelectAll()">全选</a>
B.<a href="javascript:selectClear(document.fromName)">取消</a>
[/code]
方法体:
1.全选
[code]
function SelectAll() {
var obj=document.getElementById("userList");
for(var i=0 ;i<obj.elements.length;i++){
if(obj.elements[i].type.toLowerCase()=="checkbox"){
e=obj.elements[i];
e.checked=true;
}
}
}
[/code]
2.取消
[code]
function selectClear(obj) {
for(var i=0 ;i<obj.elements.length;i++){
if(obj.elements[i].type.toLowerCase()=="checkbox"){
e=obj.elements[i];
e.checked= false;
}
}
}
[/code]
3. 反选
[code]
function selectOther(obj) {
for(var i = 0; i < obj.elements.length; i++)
if(obj.elements[i].type.toLowerCase() == "checkbox") {
if(!obj.elements[i].checked)
obj.elements[i].checked = true;
else
obj.elements[i].checked = false;
}
}
[/code]
1.按钮(button)
[code]
<input type="button" value="全选" οnclick="checkboxAll(document.fromName)"/>
[/code]
2.复选框(checkbox)
[code]
<input type="checkbox" name="all" value="checkboxAll" οnclick="selectOther()"/>反选
[/code]
[color=red]注:方法名和name名不可相同[/color]
3.超链接(a)
[code]
A.<a href="#" οnclick="SelectAll()">全选</a>
B.<a href="javascript:selectClear(document.fromName)">取消</a>
[/code]
方法体:
1.全选
[code]
function SelectAll() {
var obj=document.getElementById("userList");
for(var i=0 ;i<obj.elements.length;i++){
if(obj.elements[i].type.toLowerCase()=="checkbox"){
e=obj.elements[i];
e.checked=true;
}
}
}
[/code]
2.取消
[code]
function selectClear(obj) {
for(var i=0 ;i<obj.elements.length;i++){
if(obj.elements[i].type.toLowerCase()=="checkbox"){
e=obj.elements[i];
e.checked= false;
}
}
}
[/code]
3. 反选
[code]
function selectOther(obj) {
for(var i = 0; i < obj.elements.length; i++)
if(obj.elements[i].type.toLowerCase() == "checkbox") {
if(!obj.elements[i].checked)
obj.elements[i].checked = true;
else
obj.elements[i].checked = false;
}
}
[/code]