jquery 动态创建checkbox全选 反选

  $(document).ready(function(){
	  $.ajax({
		  type:"POST",
		  dataType:"json",
		  url:"findMemberShips_memberServiceCatalogAction.action",
		  success:function(data){
			  var memCheckDiv = $("#memCheckDiv");
			  $.each(data,function(index,item){
				  $("<input/>", { type: "checkbox", id:"memCheck"+index,name:"memCheck", val:item,onclick:"checkOne('checkboxAll','memCheck')" }).appendTo(memCheckDiv);
				  $("<label/>",{ text: item}).appendTo(memCheckDiv);
			  });
		  },
	  });
	  $.ajax({
		  type:"POST",
		  dataType:"json",
		  url:"findOrgs_memberServiceCatalogAction.action",
		  success:function(data){
			  var orgDiv = $("#orgDiv");
			  $.each(data,function(index,item){
				  $("<input/>", { type: "checkbox", id:"orgCheck"+index,name:"orgCheck", val: item,onclick:"checkOne('checkboxAllOrg','orgCheck')" }).appendTo(orgDiv);
				  $("<label/>",{ text: item}).appendTo(orgDiv);
			  });
		  },
	  });
  })
  /*check全选 反选*/
  function checkAll(checkboxAll,checkboxOne,div){
	  if($("input[name='"+checkboxAll+"']:checked").length>0){
		  $("#"+div+" input[name='"+checkboxOne+"']").each(function(i){
			  this.checked=true;
		  });
	  }else{
		  $("#"+div+" input[name='"+checkboxOne+"']").each(function(i){
			  this.checked=false;
		  });
	  }
	
	
  }
  /*check单选 反选*/
  function checkOne(checkboxAll,checkboxOne){
	  if($("input[name='"+checkboxOne+"']:checked").length>0){
		  $("#"+checkboxAll).attr("checked","checked");
	  }else{
		  $("#"+checkboxAll).attr("checked",null);
	  } 
  }
 /* 提交表单*/
  function checkedSubmit(){
      var memChecks="";
      var orgChecks="";
      if($("input[name='checkboxAll']:checked").length>0){
          $("#memCheckDiv input[name='memCheck']:checked").each(function(i){
              memChecks+=this.value+",";
          });
      }
      if($("input[name='checkboxAllOrg']:checked").length>0){
          $("#orgDiv input[name='orgCheck']:checked").each(function(i){
              orgChecks+=this.value+",";
          });      
      }
      memChecks=memChecks.slice(0,memChecks.length-1);
      orgChecks=orgChecks.slice(0,orgChecks.length-1);
      $("#memChecks").attr("value",trim(memChecks));
      $("#orgChecks").attr("value",trim(orgChecks));
      $("#inputForm").submit();
  }
  /* 首尾去空格 */
  function trim(str){ 

      return str.replace(/(^\s*)|(\s*$)/g, ""); 

}
           
            <input type="hidden" id="memChecks" name="memChecks" /><!-- -->
            <input type="hidden" id="orgChecks" name="orgChecks" /><!-- -->
<div class="control-group">
				<label class="control-label">会籍:</label>
				<div class="controls" id="memCheckDiv">
					<input type="checkbox"   name="checkboxAll" id="checkboxAll"  οnclick="checkAll('checkboxAll','memCheck','memCheckDiv')"/><lable>全部</lable>
				</div>
			</div>
<div class="control-group">
				<label class="control-label">机构:</label>
				<div class="controls" id="orgDiv">
					<input type="checkbox"   name="checkboxAllOrg" id="checkboxAllOrg"  οnclick="checkAll('checkboxAllOrg','orgCheck','orgDiv')"/><lable>全部</lable>
				</div>
			</div>



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值