jQuery에서 확인란 값 가져 오기 확인란의 값을 얻으려면 어떻게해야합니까?

jQuery에서 확인란의 값을 얻으려면 어떻게해야합니까?

답변

Value 속성의 값을 얻으려면 다음과 같이 할 수 있습니다.

$("input[type='checkbox']").val();

또는 당신은을 설정 한 경우 class또는 id그것을 위해, 당신은 할 수 있습니다 :

$('#check_id').val();
$('.check_class').val();

그러나 이것은 확인 여부에 관계없이 동일한 값 을 반환합니다 . 제출 된 양식 동작과 다르기 때문에 혼동 될 수 있습니다.

확인 여부를 확인하려면 다음을 수행하십시오.

if ($('#check_id').is(":checked"))
{
  // it is checked
}

답변

그 두 가지 방법이 효과가 있습니다.

  • $('#checkbox').prop('checked')
  • $('#checkbox').is(':checked')(감사합니다 @mgsloan)
$('#test').click(function() {
    alert("Checkbox state (method 1) = " + $('#test').prop('checked'));
    alert("Checkbox state (method 2) = " + $('#test').is(':checked'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Check me: <input id="test" type="checkbox" />

스 니펫 확장

답변

이 작은 해결책을 시도하십시오 : 

$("#some_id").attr("checked") ? 1 : 0;

또는

$("#some_id").attr("checked") || 0;

답변

확인란 값을 검색하는 올바른 방법은 다음과 같습니다.

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

jQuery 웹 사이트의 공식 문서에 설명되어 있습니다. 나머지 메소드는 확인란 의 속성 과 관련이 없으며 속성 을 확인하고 있습니다. 즉, 확인란을로드 할 때 확인란의 초기 상태를 테스트하고 있음을 의미합니다. 간단히 말해 :

  • 요소가 있고 그것이 확인란이라는 것을 알면 단순히 속성을 읽을 수 있으며 jQuery가 필요하지 않거나 jQuery를 elem.checked사용 $(elem).prop("checked")하려는 경우 사용할 수 있습니다 .
  • 요소가 처음로드되었을 때의 값 (즉, 기본값)을 알고 (또는 비교해야하는 경우) 올바른 방법입니다 $(elem).is(":checked").

답이 오해의 소지가 있으므로 아래에서 직접 확인하십시오.

http://api.jquery.com/prop/

답변

일을 명확히하기 위해 :

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

‘true’또는 ‘false’를 반환합니다

답변

$('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();

답변

jQuery(".checkboxClass").click(function(){
        var selectedCountry = new Array();
        var n = jQuery(".checkboxClass:checked").length;
        if (n > 0){
            jQuery(".checkboxClass:checked").each(function(){
                selectedCountry.push($(this).val());
            });
        }
        alert(selectedCountry);
    });