프로그래밍 언어/jQuery, ajax

jquery를 사용하여 체크박스을 선택 / 선택 취소 하는 방법

Rateye 2021. 8. 10. 10:53
728x90
반응형
질문 : jquery를 사용하여 확인란을 선택 / 선택 취소 하시겠습니까?

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

.set("value","") 함수를 사용하여 값을 편집하고, 추가 확인란 필드를 추가하고, 값을 전달합니다.

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

두 개의 div를 사용하여이 작업을 수행했지만 그게 불편합니다. 다른 해결책이 있습니까?

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 () 메서드를 사용해야합니다.

출처 : https://stackoverflow.com/questions/17420534/check-uncheck-checkbox-using-jquery
728x90
반응형