您的位置：首页 > 其它

dom对列表的选择

2016-04-25 16:43 197 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表的选择</title>
</head>
<body>
<ul>
<li><input type="checkbox" name="a1" value="1">荔枝</li>
<li><input type="checkbox" name="a1" value="2">橘子</li>
<li><input type="checkbox" name="a1" value="3">桑葚</li>
<li><input type="checkbox" name="a1" value="4">桃子</li>
<li><input type="checkbox" name="a1" value="5">西瓜</li>
<li><input type="checkbox" name="a1" value="6">香蕉</li>
<li><input type="checkbox" name="a1" value="7">葡萄</li>
</ul>
<a href="javascript:selectAll();">全选</a>
<a href="javascript:selectNull();">全不选</a>
<a href="javascript:selectFan();">反选</a>
<script>
var all = document.getElementsByName("a1");
function selectAll() {
for(var i=0;i<all.length;i++){
all[i].checked="true";
}
}
function selectNull(){
for(var i=0;i<all.length;i++){
all[i].checked="";
}
}
function selectFan() {
for(var i=0;i<all.length;i++){
if(all[i].checked){
all[i].checked="";
}else{
all[i].checked="true";
}
}
}
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航