jquery 全选功能

Posted 草鸟It

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 全选功能相关的知识,希望对你有一定的参考价值。

1.直接全选(复选框名字要统一)

<input type="CHECKBOX" id="cbSelectAll" onclick="$(‘input[name=privilegeIds]‘).attr(‘checked‘,this.checked)"/>
<label for="cbSelectAll">全选</label>

 

<ul id="privilegeTree">
<s:iterator value="privilegeList">
<li>
<input id="cb_${id }"
<s:property value="id in privilegeIds ? ‘checked‘ : ‘‘ "/>
value="${id }" type="checkbox" name="privilegeIds">
<label for=‘cb_${id }‘><span class=‘folder‘ id=‘${id }‘>${name }</span></label>

<ul>
<s:iterator value="children">
<li>
<input id="cb_${id }"
<s:property value="id in privilegeIds ? ‘checked‘ : ‘‘ "/>
value="${id }" type="checkbox" name="privilegeIds">
<label for=‘cb_${id }‘><span class=‘folder‘ id=‘${id }‘>${name }</span></label>
<ul>
<s:iterator value="children">
<li>
<input id="cb_${id }"
<s:property value="id in privilegeIds ? ‘checked‘ : ‘‘ "/>
value="${id }" type="checkbox" name="privilegeIds">
<label for=‘cb_${id }‘><span class=‘folder‘ id=‘${id }‘>${name }</span></label>
</li>
</s:iterator>
</ul>

</li>
</s:iterator>
</ul>
</li>
</s:iterator>
</ul>

 

以上是关于jquery 全选功能的主要内容,如果未能解决你的问题,请参考以下文章

jquery 书写全选反选功能

jquery实现全选和反选功能

用jQuery实现(全选反选全不选功能)

jquery实现checkbox全选功能

jquery实现全选全消反选功能

jQuery实现全选反选功能