jquery를 사용하여 확인란을 선택/해제하시겠습니까?

jquery를 사용하여 확인란을 선택/해제하시겠습니까?

이 질문에는 이미 다음과 같은 답이 있습니다.

jQuery를 사용하여 확인란에 "체크됨" 설정 (43개 답변)

마감됨9년 전에.

내 페이지에 입력 텍스트 필드가 있고 JavaScript를 사용하여 값을 표시하고 있습니다.

사용 중.set("value","")값을 편집하고 확인란 필드를 추가하며 값을 전달하는 기능입니다.

여기서 확인하고 싶습니다.value == 1그러면 이 확인란을 선택해야 합니다.그렇지 않으면 선택되지 않은 상태로 유지됩니다.

두 개의 디브를 사용해서 했는데, 그게 불편한데 다른 해결책이 없을까요?

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}

jQuery 1.6+의 경우:

.attr()는 속성에 대해 더 이상 사용되지 않습니다. 대신 다음과 같이 새 .prop() 함수를 사용하십시오.

$('#myCheckbox').prop('checked', true); // Checks it
$('#myCheckbox').prop('checked', false); // Unchecks it

jQuery < 1.6의 경우:

확인란을 선택/선택 취소하려면 속성을 사용합니다.checked그리고 그것을 변경합니다.jQuery를 사용하면 다음 작업을 수행할 수 있습니다.

$('#myCheckbox').attr('checked', true); // Checks it
$('#myCheckbox').attr('checked', false); // Unchecks it

아시다시피 HTML에서는 다음과 같이 보입니다.

<input type="checkbox" id="myCheckbox" checked="checked" /> <!-- Checked -->
<input type="checkbox" id="myCheckbox" /> <!-- Unchecked -->

그러나 .attr() 메서드를 신뢰하여 확인란의 값을 가져올 수는 없습니다(필요한 경우)..prop() 메서드를 사용해야 합니다.

이를 위해 prop()를 사용할 수 있습니다. JQuery 1.6 이전에는 .attr() 메서드가 일부 특성을 검색할 때 속성 값을 고려하는 경우가 있었으며 이로 인해 일관되지 않은 동작이 발생할 수 있습니다.jQuery 1.6 기준으로,.prop()메소드는 속성 값을 명시적으로 검색하는 방법을 제공하지만,.attr()특성을 검색합니다.

var prop=false;
if(value == 1) {
   prop=true; 
}
$('#checkbox').prop('checked',prop);

아니면 간단히 말하면,

$('#checkbox').prop('checked',(value == 1));

스니펫

$(document).ready(function() {
  var chkbox = $('.customcheckbox');
  $(".customvalue").keyup(function() {
    chkbox.prop('checked', this.value==1);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h4>This is a domo to show check box is checked
if you enter value 1 else check box will be unchecked </h4>
Enter a value:
<input type="text" value="" class="customvalue">
<br>checkbox output :
<input type="checkbox" class="customcheckbox">

다음 값을 기준으로 확인란의 상태를 설정할 수 있습니다.

$('#your-checkbox').prop('checked', value == 1);

언급URL : https://stackoverflow.com/questions/17420534/check-uncheck-checkbox-using-jquery