$(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>