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

jquery 兑现checkbox全选、取消全选

2012-11-23 
jquery 实现checkbox全选、取消全选input type”checkbox” name”checkbox_name[]” id”checkbox_name_1″

jquery 实现checkbox全选、取消全选

<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_1″ />1<br /><input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br /><input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br /><input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br /><input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选<script type=”text/javascript”><!–$(function() {$(“#checkedAll”).click(function() {if ($(this).attr(“checked”) == true) { // 全选$(“input[@name='checkbox_name[]‘]”).each(function() {$(this).attr(“checked”, true);});} else { // 取消全选$(“input[@name='checkbox_name[]‘]”).each(function() {$(this).attr(“checked”, false);});}});});// –></script>

?

热点排行