jQuery全选与反选，且解决点击只执行一次的问题

2024-04-27 15:00:32

字体：大中小

来源：转载

供稿：网友

<html><head>　　<script src="jquery-1.11.1.min.js" type="text/javascript"></script></head><body>　　<input type="checkbox" name="chk_list[]" value="1" />1　　<input type="checkbox" name="chk_list[]" value="2" />2　　<input type="checkbox" name="chk_list[]" value="3" />3　　<input type="checkbox" name="chk_list[]" value="4" />4　　<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选<script type="text/Javascript">　　$("#chk_all").click(function(){    　　// 使用attr只能执行一次    　　$("input[name='chk_list[]']").attr("checked", $(this).attr("checked"));         　　// 使用PRop则完美实现全选和反选    　　$("input[name='chk_list[]']").prop("checked", $(this).prop("checked"));

　　　　// 获取所有选中的项并把选中项的文本组成一个字符串
    　　var str = '';
    　　$($("input[name='chk_list[]']:checked")).each(function(){
        　　str += $(this).next().text() + ',';
    　　});
    　　alert(str);　　});</script></body></html>