ラジオボタンの状態の確認

Question

jQueryを使用してラジオボタンの状態を確認しようとしています。

私のHTMLは次のようになります。私のjQueryのように見えます

<div class="fr"> 
     <label> 
      Recieve Email Updates?</label> 

     Yes 
      <input type="radio" value="True" name="ConsumerModel.RecieveSMS" id="ConsumerModel_RecieveSMS" data-val-required="The RecieveSMS field is required." data-val="true"> 
      No 
      <input type="radio" value="False" name="ConsumerModel.RecieveSMS" id="ConsumerModel_RecieveSMS" checked="checked"> 
    </div> 
<div class="fr"> 
     <label> 
      Recieve Email Updates?</label> 

     Yes 
      <input type="radio" value="True" name="ConsumerModel.RecieveEmail" id="ConsumerModel_RecieveEmail" data-val-required="The RecieveEmail field is required." data-val="true" checked="checked"> 
      No 
      <input type="radio" value="False" name="ConsumerModel.RecieveEmail" id="ConsumerModel_RecieveEmail"> 
    </div> 

：

var sms= $('input[name=ConsumerModel.RecieveSMS]:checked').val(); 
    var email = $('input[name=ConsumerModel.RecieveEmail]:checked').val(); 

私の変数smsは、しかし、電子メールは2が異なっていても、常にsmsと同じであるOKのようです。

私は間違っていますか？

Answer 1

固有の名前/ IDを持たないため、コードが壊れます。

live sampleを確認してください。

基本的に$("input[name=...]:checked")は、1つではなく2つの要素を返します。

<div class="fr"> 
    <label> 
     Recieve Email Updates?</label> 

    Yes 
    <input type="radio" value="True" name="ConsumerModel.RecieveSMS" class="ConsumerModel_RecieveSMS" data-val-required="The RecieveSMS field is required." data-val="true"> 
    No 
    <input type="radio" value="False" name="ConsumerModel.RecieveSMS" class="ConsumerModel_RecieveSMS" checked="checked"> 
</div> 
<div class="fr"> 
    <label> 
     Recieve Email Updates?</label> 

    Yes 
    <input type="radio" value="True" name="ConsumerModel.RecieveEmail" class="ConsumerModel_RecieveEmail" data-val-required="The RecieveEmail field is required." data-val="true" checked="checked"> 
    No 
    <input type="radio" value="False" name="ConsumerModel.RecieveEmail" class="ConsumerModel_RecieveEmail"> 
</div> 

あなたはそれが動作する一意である必要はありませんclassからidを変更した場合。ユニークBE_ TO _NEED

Live example

Answer 2

$('input:radio').is('checked');