checkbox常用操作

全选(根据全选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");
			   } 
			}); 
		 }



你可能感兴趣的:(JavaScript,jquery,checkbox)