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

jQuery 的全选(全非选),获得被选中的值

2012-11-04 
jQuery 的全选(全非选),取得被选中的值!-- jQuery全选(全不选择) --form actiontabletrtdin

jQuery 的全选(全非选),取得被选中的值

<!-- jQuery全选(全不选择) --><form action=""><table><tr><td><input type="checkbox" name="checkName" value="旅游" onclick="unCheckAll(this,'allCheckName')"/>&nbsp;旅游&nbsp;</td></tr><tr><td><input type="checkbox" name="checkName" value="看书" onclick="unCheckAll(this,'allCheckName')"/>&nbsp;看书&nbsp;</td></tr><tr><td><input type="checkbox" name="checkName" value="上网" onclick="unCheckAll(this,'allCheckName')"/>&nbsp;上网&nbsp;</td></tr><tr><td><input type="checkbox" name="allCheckName" onclick="checkAll(this,'checkName')"/>&nbsp;全选</td></tr><tr><td><input type="button" value="取得被选中的值" onclick="checkedValue()"/></td></tr></table></form>

?

?

/* * 绑定批量选定/非选 * object:点击的对象 * checkName:checkBox的名称 */function checkAll(object,checkName){var bool = $(object).attr("checked");$(":checkbox[name='"+checkName+"']").attr("checked",bool);}function unCheckAll(object,allCheckName){var bool = $(object).attr("checked");if(bool == false){$(":checkbox[name='"+allCheckName+"']").attr("checked",bool);}}function checkedValue(){$(":checkbox[name='checkName']").each(function(){var name = $(this).val();alert(name);});}
?

热点排行