jQuery 라디오 선택 텍스트 가져오기

1344 단어 jQuery
HTML 예는 다음과 같습니다.
      

라디오에서 선택한 텍스트를 jQuery에서 직접 가져옵니다
를 참고하십시오.
$("input[name='sex']:checked")[0].nextSibling.nodeValue;  

jQuery 객체를 DOM 객체로 변환하는 방법
다음에 원생적인javascript 방법을 사용하여 텍스트를 가져옵니다.내가 친구에게 회답하기 전에, 그는 라디오 뒤에 스핀 표시를 추가해서 이 문제를 해결했다.
   

다음을 가져올 때 next () 선택기를 사용합니다.
$("input[name='sex']:checked").next("span").text();

문제는 여기서 끝날 것 같지만 그렇지 않다. 이것은 결코 좋은 사용자 체험이 아니다.좋은 방법은 라디오에 for 표시를 추가해야 한다. 라디오 텍스트 '남자' 나 '여자' 를 눌렀을 때도 라디오를 선택할 수 있다. 이것은 사용자가 작은 동그라미를 눌렀을 때보다 훨씬 쉽다.따라서 가장 좋은 HTML 태그는 다음과 같습니다.
        

마지막으로 라디오에서 선택한 텍스트를 가져오면 다음과 같이 할 수 있을 거라고 믿습니다.
$("input[name='sex']:checked").next("label").text();

이렇게 하면 jQuery를 사용하여 라디오에서 선택한 텍스트를 성공적으로 얻을 수 있습니다. 이것은 주로 마지막 방법을 가리킵니다.이 편의 내용은 비록 간단하지만, 세부적인 것이 성패를 결정한다는 이치를 중점적으로 설명하였다.

좋은 웹페이지 즐겨찾기