我的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>

参考技术A 存在以下问题
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 ,表格表头的复选框怎么实现全选和取消全选的功能,

vue checkbox多选框按钮添加全选按钮

实现全选按钮的js代码

表单全选取消全选

vue.js + elementUI实现动态渲染折叠面板,以及里面的CheckBox全选

怎么用jquery通过点击全选按钮实现全选 全不选