怎样使用JS让已经选中的checkbox失去选中?(写在一个方法里)

如题所述

第1个回答  2010-10-13
Javascript:

<script type="text/javascript">

function checkAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++) {
if((el[i].type=="checkbox") && (el[i].name==name)) {
el[i].checked = true;
}
}
}

function clearAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++) {
if((el[i].type=="checkbox") && (el[i].name==name)) {
el[i].checked = false;
}
}
}
</script>

HTML:

<input type="checkbox" name="test" value="" onclick="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }" /> 字母全选开关
<input type="checkbox" name="test" value="a" /> a
<input type="checkbox" name="test" value="b" /> b
<input type="checkbox" name="test" value="c" /> c
<input type="checkbox" name="test" value="d" /> d
<input type="checkbox" name="test" value="e" /> e
<input type="checkbox" name="test" value="f" /> f
<input type="checkbox" name="test" value="g" /> g
<br />
<input type="checkbox" name="num" value="" onclick="if(this.checked==true) { checkAll('num'); } else { clearAll('num'); }" /> 数字全选开关
<input type="checkbox" name="num" value="1" /> 1
<input type="checkbox" name="num" value="2" /> 2
<input type="checkbox" name="num" value="3" /> 3
<br /><br />
<input type="button" value="选择所有的字母" onclick="checkAll('test')" />
<input type="button" value="清空选中的字母" onclick="clearAll('test')" />
<br /><br />
<input type="button" value="选择所有的数字" onclick="checkAll('num')" />
<input type="button" value="清空选中的数字" onclick="clearAll('num')" />本回答被提问者采纳
第2个回答  2010-10-13
代码如下:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function test(){
var isCheckArr = new Array();
var checkboxs = document.getElementsByName("mycheck");
for(var i=0;i<checkboxs.length;i++){
if(checkboxs[i].checked){
isCheckArr.push((i+1)+" ");
}
}
if(isCheckArr.length==0){
alert("目前没有被选中!");
}else{
alert("第 "+isCheckArr.join('')+"个被选中了!");
}
}
</script>
</HEAD>

<BODY>
<input type="checkbox" name="mycheck">AAA BBB CCC DDD <br>
<input type="checkbox" name="mycheck">111 BBB CCC DDD <br>
<input type="checkbox" name="mycheck">CCC BBB CCC DDD <br>
<input type="checkbox" name="mycheck">EEE BBB CCC DDD <br>
<input type="checkbox" name="mycheck">FFF BBB CCC DDD<br>
<input type="button" value="test" onclick="test()">
</BODY>
</HTML>

如果对您有帮助,请记得采纳为满意答案,谢谢!祝您生活愉快!

vaela本回答被网友采纳
相似回答