js判断checkbox是否选中

2018/11/14 20:2:59 | 阅118 来源:好空间网络 [打印] [关闭]
 

前端小白,对于javascript从来没有学过,今天遇到问题,终于解决了记录下来,

<input type="checkbox" id="sll" name="all" >
		var check = document.getElementById('sll');		
		console.log(check.checked);//false   
		if(check.checked){
		   layer.open({
			  title: '提示'
			  ,content: '全选了'
			}); 
		   }else{
			   layer.open({
			  title: '提示'
			  ,content: '没有全选'
			}); 
		   }		

一行的正常获取到了.利用id进行的,这里要注意用id获得的话document.getElementById('sll'); 这样写


在看看多个checkbox如何获取

<input type="checkbox" id="sll" name="all" >
<input type="checkbox" id="sll" name="all" >
<input type="checkbox" id="sll" name="all" >
                var check = document.getElementsByName("all");
		console.log(check.length)
		var len='';
		for(var i=0; i<check.length;i++){
			if(check[i].checked){
			   len++;
			   }			
		}
		if(len>0){
		   layer.open({
			  title: '提示'
			  ,content: '选中了'+len+'个'
			}); 
		   }else{
			   layer.open({
			  	title: '提示'
			  	,content: '至少要选择一个'
			}); 
		   }
	

这个是用checkbox的name获得的,document.getElementsByName("all");

他们2个的写法不一样一个是getElementById 注意看这个少了个s,另外要用双引号

经营许可证ICP:皖B2-20100052 公司邮箱:zcdnsz@jspkongjian.net
Copyright © 2004-2015, 安徽好空间网络科技有限公司 版权所有 , 本站素材部分来源于网络,如有侵权请告知删除。