>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 프로그래밍 방식으로 확인란을 선택하거나 선택 취소하려면 어떻게 해야 합니까?

JavaScript를 사용하여 프로그래밍 방식으로 확인란을 선택하거나 선택 취소하려면 어떻게 해야 합니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-24 18:43:39496검색

How can I programmatically check or uncheck checkboxes using JavaScript?

JavaScript로 체크박스 조작

입력 요소를 동적으로 관리해야 하는 경우가 많을 때 개발자는 JavaScript에서 체크박스를 제어하는 ​​방법에 대해 궁금해할 수 있습니다. 이 질문에서는 JavaScript를 사용하여 확인란을 선택하고 선택 취소하는 방법을 탐구합니다.

JavaScript

JavaScript를 사용하여 확인란을 선택하거나 선택 취소하려면 해당 ID를 사용하여 요소에 액세스하고 선택된 항목을 수정하세요. 속성:

// Check checkbox
document.getElementById("checkbox").checked = true;

// Uncheck checkbox
document.getElementById("checkbox").checked = false;

jQuery(1.6 )

jQuery 버전 1.6 이상에서는 prop() 메서드를 활용하여 체크박스 상태를 조작합니다.

// Check checkbox
$("#checkbox").prop("checked", true);

// Uncheck checkbox
$("#checkbox").prop("checked", false);

jQuery (1.5-)

jQuery 버전 1.5 이하의 경우 attr() 메서드를 사용하여 확인란:

// Check checkbox
$("#checkbox").attr("checked", true);

// Uncheck checkbox
$("#checkbox").attr("checked", false);

이러한 기술을 사용하면 개발자는 웹 애플리케이션에서 확인란 상태를 동적으로 관리할 수 있으므로 사용자 상호 작용이 개선되고 사용자 인터페이스가 간소화됩니다.

위 내용은 JavaScript를 사용하여 프로그래밍 방식으로 확인란을 선택하거나 선택 취소하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.