jquery 확인란 소품이 작동하지 않습니다.

최근 웹 페이지를 작성할 때 문제가 발생했습니다. 즉, jQuery의 prop() 메서드를 사용하여 확인란의 체크 속성을 수정하는 것이 작동하지 않았습니다. 몇 번의 시도와 연구 끝에 마침내 해결책을 찾았으며, 이제 아래에서 이를 여러분과 공유합니다.

먼저 코드를 살펴보겠습니다.

<input type="checkbox" class="my-checkbox" checked>

$(".my-checkbox").prop("checked", false);

위 코드는 괜찮아 보입니다. jQuery의 prop() 메소드를 사용하여 체크박스의 체크 속성을 체크되지 않은 상태인 false로 변경합니다. 그러나 브라우저에서 웹 페이지를 실행하면 확인란이 여전히 선택되어 있고 prop() 메서드가 작동하지 않는 것을 알 수 있습니다.

무슨 일이 일어나고 있나요? 실제로 문제는 확인된 속성에 있습니다. 확인된 속성은 HTML 속성이 아닌 DOM 속성입니다. DOM 속성을 수정할 때 jQuery의 prop() 메서드 대신 기본 JavaScript 메서드를 사용해야 합니다. 따라서 HTML 속성을 수정할 수 있도록 prop() 메소드를 attr() 메소드로 변경해야 합니다. 코드는 다음과 같습니다.

$(".my-checkbox").attr("checked", false);

이 수정 후 웹페이지를 다시 실행하면 체크박스 상태가 변경된 것입니다.

또한 prop()을 사용하여 확인된 속성을 수정하려는 경우에도 가능합니다. 그러나 prop()의 두 번째 매개변수를 부울 값 대신 "true" 또는 "false" 문자열 값으로 변경해야 합니다. 코드는 다음과 같습니다:

$(".my-checkbox").prop("checked", "false");

이러한 방식으로 prop() 메소드를 사용하여 체크박스의 체크 속성을 성공적으로 수정할 수 있습니다.

요약하자면, DOM 속성을 수정하기 위해 jQuery의 prop() 메서드를 사용할 때 DOM 속성 대신 HTML 속성을 사용하는 것에 주의해야 합니다. 또한 prop() 메서드를 사용할 때 두 번째 매개변수를 문자열 값으로 변경하면 경우에 따라 Boolean 값이 작동하지 않는 문제를 피할 수도 있습니다. 이 기사가 비슷한 문제를 피하고 프로그래밍 작업을 성공적으로 완료하는 데 도움이 되기를 바랍니다.

위 내용은 jquery 확인란 소품이 작동하지 않습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!