您的位置：首页 > Web前端 > JavaScript

Javascript全选、反选、全不选功能

2015-11-14 23:28 771 查看

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("<ul>");
for(var i=0; i<20; i++){
document.write("<li>");
document.write('<input type="checkbox" name="ids[]" value="'+i+'">aaaaaaaaa');
document.write("</li>");
}
document.write("</ul>");
</script>
<a href="javascript:sall()">全选</a>
<a href="javascript:fall()">反选</a>
<a href="javascript:nall()">全不选</a>
<script>
var cnames=document.getElementsByName("ids[]");
function sall(){
for(var i=0; i<cnames.length;i++){
cnames[i].checked="true";
}
}

function fall(){
for(var i=0; i<cnames.length;i++){
if(cnames[i].checked){
cnames[i].checked="";
}else{
cnames[i].checked ="true";
}
}
}

function nall(){
for(var i=0; i<cnames.length;i++){
cnames[i].checked="";
}
}
</script>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航