2011-12-07 3 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

그의 ID는 요소 그룹 주위에서 div로 ASP에서 생성된다고 생각합니다. – 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