JQuery - 값으로 라디오 버튼 찾기
JQuery를 사용하여 값으로 라디오 버튼을 찾으려면 어떻게 해야 합니까?
사용해 보십시오.
$(":radio[value=foobar]")
속성이 있는 모든 라디오 버튼이 선택됩니다.value="foobar"
.
나는 jQuery 1.6을 사용하고 있지만 이것은 나에게 효과가 없었습니다.$(":radio[value=foobar]").attr('checked',true);
대신 다음을 사용합니다.$('[value="foobar"]').attr('checked',true);
그리고 그것은 잘 작동합니다.
사용 중인 실제 코드는 무선을 먼저 지우고 사용합니다.prop
대신에attr
$('[name=menuRadio]').prop('checked',false);
$('[name=menuRadio][value="Bar Menu"]').prop('checked',true);
이를 통해 다음과 같은 이점을 얻을 수 있습니다.
$('input[type="radio"][value="aaa"]').val();
aaa 값을 가진 라디오를 선택합니다.
와 함께.filter()
방법:
var radio = $('input[type="radio"]').filter(function(){
return this.value === 'aaa';
}).val();
HTML에 다음과 같은 것이 있다고 말합니다.
<fieldset>
<input type="radio" name="UI_opt" value="alerter" checked> Alerter<br/>
<input type="radio" name="UI_opt" value="printer"> Printer<br/>
<input type="radio" name="UI_opt" value="consoler"> Consoler<br/>
</fieldset>
그러면 이런 종류의 것이 작동합니다.
$("fieldset input[name='UI_opt'][checked]").val()
전체 선택기는 다음과 같습니다.
bool shipToBilling = $("[name=ShipToBillingAddress][value=True]")
당신이 아마도 이런 라디오 버튼 그룹을 하나 이상 가지고 있다는 것을 고려할 때.
<input name="ShipToBillingAddress" type="radio" value="True" checked="checked">
<input name="ShipToBillingAddress" type="radio" value="False">
<input name="SomethingElse" type="radio" value="True" checked="checked">
<input name="SomethingElse" type="radio" value="False">
이와 같은 ID 선택기(다음 예)를 사용하면 동일한 ID를 가진 요소가 여러 개 있으면 안 되므로 좋지 않습니다.이 질문을 발견한 누군가는 이미 이것이 나쁘다는 것을 알고 있다고 생각합니다.
$("#DidYouEnjoyTheMovie:radio[value=yes]")
다음 내용은 관심이 있을 수도 있고 아닐 수도 있습니다.
:radio는 jQuery 확장이며 CSS 사양의 일부가 아니기 때문에 :radio를 사용하는 쿼리는 네이티브 DOM querySelectorAll() 메서드에서 제공하는 성능 향상을 활용할 수 없습니다.최신 브라우저에서 성능을 향상시키려면 [type="radio"]를 대신 사용하십시오.
언급URL : https://stackoverflow.com/questions/2173527/jquery-find-a-radio-button-by-value
'programing' 카테고리의 다른 글
웹사이트 요청 시 보낸 사용자 에이전트와 다른 Javascript 사용자 에이전트(jax) (0) | 2023.08.30 |
---|---|
파일 업로드 컨트롤을 사용하여 파일의 전체 경로 가져오기 (0) | 2023.08.30 |
jquery Ajax 요청을 사용하여 시도/캐치 (0) | 2023.08.30 |
파일 내용을 powershell 호스트 창으로 출력합니다. (0) | 2023.08.30 |
스프링 부팅으로 생성된 Content-Type 헤더에서 charset=utf-8을 제거하는 방법 (0) | 2023.08.30 |