怎样使用JS让已经选中的checkbox失去选中？（写在一个方法里）
2个回答
展开全部
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')" />
<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')" />
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码如下：
<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
<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
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
