jquery는 확인된 속성을 추가합니다.

웹 개발에서 양식을 제출하는 것은 매우 일반적인 작업입니다. 양식에는 일반적으로 사용자의 입력을 수집하기 위한 라디오 버튼과 확인란이 포함됩니다. 경우에 따라 기본적으로 라디오 상자나 확인란을 미리 선택해야 할 수도 있습니다. 이 경우 jQuery를 사용하여 목표를 달성하기 위해 확인된 속성을 추가할 수 있습니다.

jQuery에 selected 속성 추가

jQuery에서는 attr() 메서드를 사용하여 요소의 속성을 추가하거나 수정할 수 있습니다. 그러나 라디오 버튼과 체크박스의 경우에는 attr() 메서드를 사용하는 대신 check 속성을 설정하기 위해 prop() 메서드를 사용하는 것에 주의해야 합니다. 이는 확인된 속성이 실제로 부울 값을 나타내고 attr() 메소드가 부울 속성을 올바르게 설정할 수 없기 때문입니다.

예를 들어 라디오 버튼을 미리 선택하려면 다음 코드를 사용할 수 있습니다.

$('input[name=sex][value=male]').prop('checked', true);

이런 방식으로 sex with value 남성이라는 라디오 버튼이 선택됩니다.

마찬가지로 확인란을 미리 선택하려면 다음 코드를 사용할 수 있습니다.

$('input[name=hobby][value=sports]').prop('checked', true);

이런 방식으로 취미 스포츠라는 확인란이 선택됩니다.

또한 동일한 효과를 얻기 위해 HTML 요소에 확인 속성을 추가하는 다른 방법을 사용할 수도 있습니다. 그러나 이 방법은 유연성이 충분하지 않으며 프로그램에서 라디오 상자나 확인란을 동적으로 선택하거나 선택 취소해야 하는 경우 더 이상 적합하지 않습니다.

예를 들어 다음 코드 조각은 HTML에서 라디오 버튼을 미리 선택할 수 있습니다.

<input type="radio" name="sex" value="male" checked>

그러나 라디오 버튼의 선택된 상태를 취소하려면 HTML 코드를 수동으로 수정해야 합니다. 좋은 솔루션 계획.

결론

jQuery를 사용하여 체크 속성을 추가하는 것은 미리 선택된 라디오 버튼과 체크 상자를 양식에 구현하는 간단하고 효과적인 방법입니다. attr() 메서드를 사용하는 대신 prop() 메서드를 사용하여 selected 속성을 설정할 수 있습니다. 이러한 방식으로 코드의 정확성과 신뢰성이 보장될 수 있습니다. 동시에 프로그램에서 라디오 버튼이나 확인란을 동적으로 선택하거나 선택 취소하여 양식 상호 작용을 더욱 유연하고 편리하게 만들 수도 있습니다.

위 내용은 jquery는 확인된 속성을 추가합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!