checkbox常用操作

标签：checkbox   jquery   javascript   

全选（根据全选check选项，设置所有checkbox的全选或 全不选）

function SelectAll(checked,checkbox_id) {
	var checkboxs=document.getElementsByName(checkbox_id);
	for (var i=0;i<checkboxs.length;i++) {
	  var e=checkboxs[i];
	  e.checked=checked;
	}
}

调用代码：

<input type="checkbox" value="" onClick="SelectAll(this.checked,'guaranteeNumber');"/>

批量反向选择

function SelectAll(checkbox_id) {
 var checkboxs=document.getElementsByName(checkbox_id);
 for (var i=0;i<checkboxs.length;i++) {
  var e=checkboxs[i];
  e.checked=!e.checked;
 }
}

拼接成字符串

	function getChoosedGuaranteeNumber(){
	   var ids="";
	   $('input[name="guaranteeNumber"]:checked').each(function(){ 
		   ids+=$(this).val()+'_'; 
		}); 
	   //去掉末尾的特殊字符
	   if(ids.indexOf("_")>-1){
		   ids=ids.substring(0,ids.length-1);
	   }
	   return ids;
	}

解析字符串后设置checkbox的选中项目

（这里如果选项很多的话可能有效率问题）

var guaranteeNumberIds = $("#guaranteeNumberIds").val()
		var array2 = guaranteeNumberIds.split('_')
		for (var i=0; i<array2.length; i++){
		  	var nuberValue = array2[i];
		  	$('input[name="guaranteeNumber"]').each(function(){ 
			   if($(this).val() == nuberValue){
				   $(this).attr("checked","true");
			   } 
			}); 
		 }

checkbox常用操作,布布扣,bubuko.com

checkbox常用操作

标签：checkbox   jquery   javascript   

原文地址：http://blog.csdn.net/metecyu/article/details/38333483