JavaScript로 확인란을 동적으로 선택하거나 선택 취소하는 방법은 무엇입니까?

JavaScript를 사용하여 체크박스 상태를 동적으로 조작

JavaScript는 웹페이지에서 체크박스의 선택된 상태를 제어하는 ​​다양한 방법을 제공합니다. 확인란을 선택하거나 선택 취소하는 방법은 다음과 같습니다.

Checked 속성 사용

요소를 true 또는 false로 직접 설정하여 선택하거나 선택 취소할 수 있습니다.

<br>// Check<br>document.getElementById("checkbox").checked = true;</p> <p>// 선택 취소<br>document.getElementById("checkbox").checked = false;<br>

jQuery(v1.6) 사용

jQuery는 확인된 상태를 포함하여 요소 속성을 조작하기 위한 보다 유연한 방법인 prop()을 제공합니다.

<br>// Check<br>$(" #checkbox").prop("checked", true);</p>
<p>// 선택 취소<br>$("#checkbox").prop("checked", false);<br></pre&gt ;</p>
<p><h3>JQuery 사용(v1.5-)</h3></p>
<p>jQuery v1.6 이전에는 속성 조작을 위해 attr() 메서드를 사용했습니다. 여전히 작동하기는 하지만 체크박스에 대한 가장 신뢰할 수 있는 접근 방식은 아닙니다.</p>
<p><pre class="brush:php;toolbar:false"><br>// Check<br>$("#checkbox").attr("checked", true);</p>
<p>// 선택 취소<br>$("#checkbox").attr("checked", false);<br>

이러한 방법을 활용하면 동적으로 다음을 수행할 수 있습니다. 확인란 상태를 업데이트하여 대화형 웹 인터페이스를 구축하고 프로그래밍 방식으로 양식 입력을 제어할 수 있습니다.

위 내용은 JavaScript로 확인란을 동적으로 선택하거나 선택 취소하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!