[javascript] jQuery로 확인란이 선택되어 있는지 확인하십시오.

JAVASCRIPT / 글쓴이

확인란 배열의 ID를 사용하여 확인란 배열의 확인란을 선택했는지 어떻게 확인할 수 있습니까?

다음 코드를 사용하고 있지만 ID에 관계없이 항상 확인란의 수를 반환합니다.

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

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

답변

ID는 문서에서 고유해야합니다. 즉, 이렇게하면 안됩니다 .

<input type="checkbox" name="chk[]" id="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" id="chk[]" value="Bananas" />

대신 ID를 삭제 한 다음 이름 또는 포함 요소로 선택하십시오.

<fieldset id="checkArray">
    <input type="checkbox" name="chk[]" value="Apples" />

    <input type="checkbox" name="chk[]" value="Bananas" />
</fieldset>

그리고 이제 jQuery :

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;

답변

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

확인란을 선택하면 표시됩니다.

이름이 같은 체크 박스 배열의 경우 다음을 통해 체크 박스를 확인할 수 있습니다.

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

그런 다음 반복해서 확인한 내용을 확인하십시오.

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

확인 된 수를 찾으려면 다음을 수행하십시오.

$boxes.length;

답변

$('#checkbox').is(':checked');

위의 코드는 확인란을 선택하면 true를, 그렇지 않으면 false를 반환합니다.

답변

다음 방법이 모두 유용합니다.

$('#checkbox').is(":checked")

$('#checkbox').prop('checked')

$('#checkbox')[0].checked

$('#checkbox').get(0).checked

DOM 요소 또는 인라인 “this.checked”는 피하는 것이 좋으며 대신 메소드의 jQuery는 이벤트 리스너를 사용해야합니다.

답변

확인란이 선택되어 있는지 여부를 확인하는 jQuery 코드 :

if($('input[name="checkBoxName"]').is(':checked'))
{
  // checked
}else
{
 // unchecked
}

또는

if($('input[name="checkBoxName"]:checked'))
{
    // checked
}else{
  // unchecked
}

답변

checked 속성에 대해 기억해야 할 가장 중요한 개념은 checked 속성과 일치하지 않는다는 것입니다. 이 속성은 실제로 defaultChecked 속성에 해당하며 확인란의 초기 값을 설정하는 데만 사용해야합니다. checked 속성 값은 확인란의 상태에 따라 변경되지 않지만 checked 속성은 변경됩니다. 따라서 확인란이 선택되어 있는지 확인하는 브라우저 간 호환 방법은 속성을 사용하는 것입니다.

아래의 모든 방법이 가능합니다

elem.checked

$(elem).prop("checked")

$(elem).is(":checked")

답변

이 코드를 사용할 수 있습니다

if($("#checkboxId").is(':checked')){
     // Code in the case checkbox is checked.
} else {
     // Code in the case checkbox is NOT checked.
}