JavaScript를 사용하여 체크박스의 선택된 상태를 제어하는 ​​방법은 무엇입니까?

JavaScript 체크박스 제어

JavaScript를 사용하여 체크박스의 선택 상태를 제어하는 ​​것은 웹 개발을 위한 다용도 기술입니다. 이를 달성하기 위한 몇 가지 접근 방식이 있습니다.

순수 JavaScript:

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

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

이 방법은 체크박스 요소의 selected 속성에 직접 액세스합니다.

jQuery(1.6 ):

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

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

jQuery의 prop() 메서드를 사용하면 체크된 상태를 포함한 체크박스 속성을 조작할 수 있습니다.

jQuery(1.5-):

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

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

이전 attr() 메소드는 이전 버전과의 호환성을 위해 제공되지만 사용을 권장합니다. 대신 prop()을 사용하세요. 두 방법 모두 체크된 속성을 직접 변경합니다.

이러한 기술을 활용하여 체크박스 상태를 조작하면 JavaScript 기반 웹 애플리케이션에서 사용자 상호 작용 및 양식 기능을 더 효과적으로 제어할 수 있습니다.

위 내용은 JavaScript를 사용하여 체크박스의 선택된 상태를 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!