html代码:
<@checkbox>
<#--遍历补件类型-->
<#list applyPatcltDtos as applyPhBoltDto>
<#if applyPatcoltDto.ifthBolt><#--已经勾选-->
<label><input type="checkbox" id="bb" data-ar-value_split="," name="checkBox" checked="true"/>${(applyPatto.applyPatchBoltTitle)} </label>
<#else>
<label><input type="checkbox" id="bb"data-ar-value_split="," name="checkBox" />${(applyPaoltDto.applyPatTitle)} </label>
</#if>
</#list>
</@checkbox>
此处小编的是freemarker代码,不过html代码一样的,有了复选框后,要保证每个复选框的name是一致的。这样下面才能遍历
<@button name="测试" click="aa"/>
此处加个按钮吧,点击出发按钮获取页面所有的复选框
jquery 代码:
function aa(){
var checkedNum=0;<#--补件种类复选框被选中的个数-->
var checkNum=0;<#--补件种类复选框总个数-->
$('input[name="checkBox"]').each(function(index,element){
checkNum++;
});
$('input[name="checkBox"]:checked').each(function(index,element){
checkedNum++;
});
alert(checkedNum==checkNum);
}