programing

JQuery - 값으로 라디오 버튼 찾기

instargram 2023. 8. 30. 21:11
반응형

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

반응형