JS checkbox 批量选择

// 判断是否选中 

function anyChecked(){
		    
	        var elements=document.form1.elements; // form1为表单name的值
	        var counter=elements.length;
	        for(var i=0;i<counter;i++){
	            var element=elements[i];
	            alert();
	            if(element.checked == true){
		            alert(element.value);
	             return true;
	            }
	        }
	        return false;
	    } 


//全选

function selectAll(){

		   
		   var checklist = document.getElementsByName ("controlAll");
		     if(document.getElementById("selectAll").checked)
		     {
			     for(var i=0;i<checklist.length;i++)
			     {
			        checklist[i].checked = 1;
			        if(i == checklist.length-1){
			        	id = id + checklist[i].value;
				     }else{
			       		 id = id + checklist[i].value + ',';
				     }
			        
			     } 
			    
		    }else{
			    for(var j=0;j<checklist.length;j++)
			    {
			       checklist[j].checked = 0;
			    }
			    id = "";
		    }
		  }

//多选 

var checklist = document.getElementsByName ("controlAll");
			for(var i=0;i<checklist.length;i++){
			     if(checklist[i].checked == true && i == checklist.length-1){
			       id = id + checklist[i].value;
				 }else if(checklist[i].checked == true){
			       id = id + checklist[i].value + ',';
				   }   
			} 	

// html 代码

 <tr class="biaoge_h">
      		    <th><input type="checkbox" οnclick="selectAll()"  name="selectAll" id="selectAll" value=""></input></th>
				<th>省份</th>
				<th>市份</th>
				<th>操作</th>
      </tr>

<tr>
  	   <td><input type="checkbox" id="controlAll" name="controlAll" value="<%=provinceId %><%=cityId %>"></input></td>
       <td align="center"><%=provinceName %></td>
       <td align="center"><%=cityName%></td>
       <td align="center">
				<%= oper %>	      		
	   </td>
    </tr>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值