2011-12-07 122 views
2

我有一個RadioButtonList控件在我的網頁上有多個選項。我想要處理其選項的更改,並根據所選選項的值,工作。如何處理單選按鈕列表選項更改與jQuery

這不起作用:

$(document).ready(function() { 
     $('#RadioButtonList1').change(function() { 
      if ($(this).is(':checked')) { 
       alert("yes"); 
      } 
     }); 
    }); 

我如何處理這個問題?

感謝

回答

16

你只需要綁定的投入本身,而不是他們的小組:

$(document).ready(function() { 
    $('#RadioButtonList1 input').change(function() { 
     // The one that fires the event is always the 
     // checked one; you don't need to test for this 
     alert($(this).val()); 
    }); 
}); 
+0

他說,那他有多個複選框。使用'id'對於這個解決方案並不好。 – Oyeme

+0

我相信他的身份證是由ASP生成的一組div,圍繞一組元素。 – Interrobang

1

可能是這樣一個幫你:)

$('form#package_information_id').on('change','.shipment_type_radio_class',function(){ 

      var currentselval = $(this).find('input[type="radio"]:checked'); 
      //console.log(currentselval); 
      if(currentselval.val()=='dropoff') 
      { 
       $('.pickup_detail_class').hide(); 
      }else 
      { 
       $('.pickup_detail_class').show(); 
      } 

     }); 
0
enter code here 

<div> 
    <asp:RadioButtonList ID="rblTest" runat="server"> 
     <asp:ListItem>10</asp:ListItem> 
     <asp:ListItem>20</asp:ListItem> 
     <asp:ListItem>30</asp:ListItem> 
     <asp:ListItem>40</asp:ListItem>`` 
    </asp:RadioButtonList> 
</div> 

    <script type="text/javascript"> 

    $(function() { 

      var val = ""; 
      val = $('[id*=rblTest]').find('input:checked').val(); 
      if (val != "" && val != undefined) { 
       alert("Selected item value is : " + val) 
      } 

     }); 


</script> 
+0

已經回答了。雖然它很有用,但這似乎是對問題和答案的改寫。 – vijayst