jQuery를 사용하여 체크박스(또는 체크박스)의 선택 상태를 효율적으로 확인하려면 어떻게 해야 합니까?

jQuery로 체크박스 상태 확인

웹 양식으로 작업할 때 직면하는 일반적인 문제 중 하나는 특정 체크박스의 상태를 확인하는 것입니다.

다음을 고려하세요. 다음 시나리오: 체크박스 배열이 있고 해당 체크박스에 따라 특정 체크박스가 선택되어 있는지 확인해야 합니다. ID.

다음 코드를 사용했을 수도 있습니다.

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

이 접근 방식은 지정된 ID를 무시하고 선택된 체크박스의 총 개수를 산출합니다.

해결책은 다음과 같습니다. jQuery에 내장된 :checked 선택기:

$('#' + id).is(":checked")

이 표현식은 다음과 같은 경우 true로 평가됩니다. 해당 ID의 체크박스는 체크되어 있고 그렇지 않으면 false입니다.

게다가, 같은 이름의 체크박스 배열이 있는 경우 다음과 같이 체크박스 목록을 검색할 수 있습니다.

var $boxes = $('input[name=thename]:checked');

each() 메소드를 사용하여 목록을 반복하면 선택된 각 체크박스에 대해 작업을 수행할 수 있습니다.

$boxes.each(function(){
    // Do stuff here with this
});

배열의 선택된 체크박스 수:

$boxes.length;

위 내용은 jQuery를 사용하여 체크박스(또는 체크박스)의 선택 상태를 효율적으로 확인하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!