jquery 復選框全選 全不選 反選

n3xb 10年前發布 | 3K 次閱讀 JavaScript jQuery 

$(function () {
    //全選
    $("#CheckedAll").click(function () {
        $('[name=items]:checkbox').attr('checked', true);
    });
    //全不選
    $("#CheckedNo").click(function () {
        $('[type=checkbox]:checkbox').attr('checked', false);
    });
    //反選
    $("#CheckedRev").click(function () {
        $('[name=items]:checkbox').each(function () {
            //此處用JQ寫法頗顯啰嗦。體現不出JQ飄逸的感覺。
            //$(this).attr("checked", !$(this).attr("checked"));



        //直接使用JS原生代碼，簡單實用
        this.checked = !this.checked;
    });
});
//輸出值
$("#send").click(function () {
    var str = "你選中的是：\r\n";
    $('[name=items]:checkbox:checked').each(function () {
        str += $(this).val() + "\r\n";
    })
    alert(str);
});



})</pre>
 本文由用戶 n3xb 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！