[javascript] jQuery 또는 순수 JS를 사용하여 모든 확인란을 재설정하는 방법은 무엇입니까?

jQuery 또는 순수 JS를 사용하여 문서의 모든 확인란을 어떻게 재설정 할 수 있습니까?



답변

모든 체크 박스에서 ‘체크 됨’상태를 제거하는 방법을 의미하는 경우 :

$('input:checkbox').removeAttr('checked');


답변

양식의 재설정 기능을 사용하려면 다음을 사용하는 것이 좋습니다.

$('input[type=checkbox]').prop('checked',true);

또는

$('input[type=checkbox]').prop('checked',false);

removeAttr()로 재설정 할 수없는 것 같습니다 form.reset().


답변

위의 답변은 저에게 효과적이지 않았습니다.

다음은 작동했습니다.

$('input[type=checkbox]').each(function()
{
        this.checked = false;
});

이렇게하면 모든 확인란이 선택 취소됩니다.


답변

경우에 따라 확인란이 기본적으로 선택 될 수 있습니다. 선택되지 않은 상태로 설정하지 않고 기본 선택을 복원하려면 defaultChecked속성을 비교하십시오 .

$(':checkbox').each(function(i,item){
        this.checked = item.defaultChecked;
});


답변

나는 이것을 전에 사용했습니다.

$('input[type=checkbox]').prop('checked', false);

.attr 및 .removeAttr이 일부 상황에서 작동하지 않는 것 같습니다.

편집 : jQuery v1.6 이상에서는 .prop('checked', false)브라우저 간 호환성 향상을 위해 대신 사용해야합니다. https://api.jquery.com/prop 참조

여기에 주석 : jQuery 또는 순수 JS를 사용하여 모든 확인란을 재설정하는 방법은 무엇입니까?


답변

자바 스크립트

var clist = document.getElementsByTagName("input");
for (var i = 0; i < clist.length; ++i) { clist[i].checked = false; }

jQuery

$('input:checkbox').each(function() { this.checked = false; });

반대로 수행하려면 다음을 참조하십시오. ID / 클래스별로 모든 확인란 선택


답변

 $(":checkbox:checked").each(function () {

 this.click();
});

체크되지 않은 체크 박스로, 반대로 논리를 돌려