>웹 프론트엔드 >JS 튜토리얼 >jQuery를 사용하여 라디오 버튼을 효과적으로 확인하는 방법은 무엇입니까?

jQuery를 사용하여 라디오 버튼을 효과적으로 확인하는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-06 17:14:02185검색

How to Effectively Check Radio Buttons with jQuery?

jQuery로 라디오 버튼을 확인하는 효과적인 기술

이 튜토리얼에서는 jQuery로 라디오 버튼을 확인하는 과제를 다룹니다. 코드가 완벽하게 작동하도록 다양한 접근 방식과 문제 해결 팁을 살펴봅니다.

배경

다음 HTML 마크업이 제공됩니다.

<form>
    <div>

신뢰할 수 없는 접근 방식

다음 방법을 사용하여 라디오 버튼을 확인하려는 시도가 실패했습니다.

  1. attr('checked', true): 이 동안 어떤 경우에는 접근 방식이 작동하지만 라디오 버튼의 상태가 올바르게 업데이트되지 않을 수 있습니다.
  2. "input[value='1']".attr('checked', true): 이 방법 값으로 라디오 버튼을 선택하려고 하지만 결과가 없습니다.
  3. 'input:radio[name="type"]'.filter('[value="1"]').attr ('checked', true): 보다 구체적인 선택기임에도 불구하고 의도한 라디오 버튼을 확인하지 못합니다.

효과적인 솔루션

사용 중인 jQuery 버전에 따라 두 가지 실행 가능한 솔루션이 있습니다.

jQuery 버전 >= 1.6의 경우:

$("#radio_1").prop("checked", true);

jQuery 버전 < 1.6:

$("#radio_1").attr('checked', 'checked');

참고: 사용자 입력 허용

라디오 버튼의 선택 상태를 설정한 후 click()을 호출하는 것이 좋습니다. 또는 change() 이벤트를 버튼에 적용하여 필요한 작업이나 유효성 검사를 실행합니다.

위 내용은 jQuery를 사용하여 라디오 버튼을 효과적으로 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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