我的JS代码 实现全选,不执行,点击全选按钮完全没反应,新人请大神指点,已经看了两个小时了!谢谢
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我的JS代码 实现全选,不执行,点击全选按钮完全没反应,新人请大神指点,已经看了两个小时了!谢谢相关的知识,希望对你有一定的参考价值。
我的JS代码 实现全选,就是不执行,点击全选按钮完全没有反应,新人请告诉指点,已经看了两个小时了!!!!谢谢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>复选框的全选不选和反选的代码</title>
</head>
<body>
<form>
<input type="checkbox" value="a">a
<input type="checkbox" value="b">b
<input type="checkbox" value="c">c</br>
<input type="button" value="全选" onclick="all()"></br>
</form>
</body>
<script type="text/javascript">
function all()
var el=document.getElementsByTagName('input');
var le=el.length;
for (var i = 0; i < el.length; i++)
if (el.type==checkbox)
el[i].checked = true;
</script>
</html>
checkbox, 变量还是字符串分不清楚
el.type, 不要忘了你在操作数组的内容而不是数组本身
函数名all, 刚好由於你使用标签绑定的方式, 产生了神奇的作用域变更, 导致那里的all指向了document.all而不是全局的all
以及不是很严重的问题
le, 定义了为什麼不用..
</br>, 你哪里学来的这样写..
请使用好点的浏览器吧..
不要用IE<10了..
也可能你不会用开发者工具, 请自行学习使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>复选框的全选不选和反选的代码</title>
</head>
<body>
<form>
<input type="checkbox" value="a">a
<input type="checkbox" value="b">b
<input type="checkbox" value="c">c<br>
<input type="button" value="全选" onclick="window.all()"><br>
</form>
</body>
<script type="text/javascript">
function all()
var el=document.getElementsByTagName('input');
var le=el.length;
for (var i = 0; i < le; i++)
if (el[i].type=='checkbox')
el[i].checked = true;
</script>
</html>本回答被提问者和网友采纳
js 全选选框与取消全选代码
设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消。全选后点击某个子选框,全选也能取消。当四个子选框都选中时,全选框也被选择。
实现代码:
<script> var a=document.getElementById("a"); var b=document.getElementsByClassName("b"); //全选与取消全选 var y=true; a.onchange=function(){ if(a.checked){ for (var i=0;i<b.length;i++) b[i].checked = true; }else{ for (var i=0;i<b.length;i++) { b[i].checked =false; }; }; };
//子选框选择判定全选选框(第一种实现方法) for (var i=0;i<b.length;i++) { b[i].onchange=function(){ a.checked = true; for (var i=0;i<b.length;i++) { if (!b[i].checked) { a.checked=false; break; } } } } //子选框选择判定全选(第二种实现方法) // var n = 0; // for (var i=0;i<b.length;i++) { // b[i].onchange=function(){ // n = 0; // for(var i = 0; i < b.length; i++) // { // if(b[i].checked==true){ // n++; // } // if(n>=4){ // alert(n); // a.checked = true; // } else{ // a.checked = false; // } // // } // } //}
以上是关于我的JS代码 实现全选,不执行,点击全选按钮完全没反应,新人请大神指点,已经看了两个小时了!谢谢的主要内容,如果未能解决你的问题,请参考以下文章
使用Easyui ,表格表头的复选框怎么实现全选和取消全选的功能,