首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

全选或撤销所有复选框

2013-11-16 
全选或取消所有复选框jsp:bodydiv idtabletable border0.1px!-- 标题 --theadtrtdi

全选或取消所有复选框
jsp:<body><div id="table"><table border="0.1px;"><!-- 标题 --><thead><tr><td><input type="checkbox" id="checkAll" onclick="checkAll()"/></td></tr></thead><tbody id="content"> <tr><td><input type='checkbox' id='user' value="12"/></td></tr> <tr><td><input type='checkbox' id='user' value="12"/></td></tr></tbody></table></div></body>

?

js://点击标题栏复选框全选所有复选框function checkAll(){if($("input[id='checkAll']:checked").length == 1){$("input[id='user']").each(function(){this.checked=true;});}else{$("input[id='user']").each(function(){this.checked=false;});}}

?

注意:$("input[id='user']:checked")得到的是一个对象数组。可以通过length和size()得到数组长度。

? ? ? ? ? $("input[id='user']:checked").val()得到的是第一个元素的value值

热点排行