js 全选，取消全选，反选

来源：互联网发布：什么牌的网络机顶盒好编辑：程序博客网时间：2024/06/10 06:15

<html>
<head>
<script>
function selectAll(){
var checklist = document.getElementsByName("selected");
if(document.getElementById("controlAll").checked)
{
for(var i=0;i<checklist.length;i++)
{
checklist[i].checked = 1;
}
}else{
for(var j=0;j<checklist.length;j++)
{
checklist[j].checked = 0;
}
}
}

// 反选
function fx(){
// 获取对象
var Lists = document.getElementsByName('selected');
// 遍历数组
for(var i=0;i<Lists.length;i++){
if(Lists[i].checked==true){
Lists[i].checked = false;
}else{
Lists[i].checked = true;
}
}
}

</script>
</head>
<body>
<form>
<input onclick="selectAll()" type="checkbox" name="controlAll" id="controlAll"/>全选<br>
1:<input type="checkbox" name="selected" value="1"/><br>
2:<input type="checkbox" name="selected" value="2"/><br>
3:<input type="checkbox" name="selected" value="3"/><br>
4:<input type="checkbox" name="selected" value="4"/><br>
5:<input type="checkbox" name="selected" value="5"/><br>
6:<input type="checkbox" name="selected" value="6"/><br>
<a href="javascript:fx()">反选</a>
</form>

阅读全文

0 0