JQuery는 ckeckbox 전체 선택과 반대 선택을 실현합니다

1327 단어 jquery
인터넷에서 몇 가지 방법을 찾았다.
1. 페이지에는 두 개의 단추가 각각'선택'과'취소'기능에 필요합니다.

$(function() { 
    $("#checkall").click(function() { 
        $("input[@name='checkname[]']").each(function() { |
            $(this).attr("checked", true); 
        });
    });
    $("#delcheckall").click(function() { 
        $("input[@name='checkname[]']").each(function() { 
            $(this).attr("checked", false);
        });
    });
});

2. 체크박스를 사용하여 전체 선택과 취소를 나타냅니다.

$("#checkall").click(function(){
    if(this.checked){
        $("input[name='checkname']").each(function(){this.checked=true;});
    }else{
        $("input[name='checkname']").each(function(){this.checked=false;});
    }
});

두 번째 방법에 따라 다음과 같이 향상되었습니다.

$(document).ready(function(){
    $("#chkAll").click(function(){
        $("input[name='checkname']").each(function() {
            this.checked = $("#chkAll").attr("checked");
        });
    });
});

좋은 웹페이지 즐겨찾기