如何使用jquery检查带有值的单选按钮列表

时间:2012-09-28 06:37:21

标签: jquery radiobuttonlist

我有单选按钮列表和带有以下代码的文本框:

   <asp:RadioButtonList ID="RadioButtonList" runat="server" RepeatDirection="Horizontal">
   <asp:ListItem Text="Enabled" Value="1"></asp:ListItem>
   <asp:ListItem Text="Disabled" Value="2"></asp:ListItem>
   </asp:RadioButtonList>

   <asp:TextBox ID="enable" runat="server" value="Enabled"></asp:TextBox>

现在我希望选择/检查radiobutton列表中的第一个列表,但mu jquery代码不起作用。有人可以帮帮我吗? 我写了我的jquery代码如下:

    if($('#<%= enable.ClientID %>').val()=="Enabled")
        $('#<%= RadioButtonList.ClientID %>').val(1);
   else($('#<%= enable.ClientID %>').val()=="Disabled")
        $('#<%= RadioButtonList.ClientID %>').val(2);

4 个答案:

答案 0 :(得分:2)

试试这个

if($('#<%= enable.ClientID %>').val()=="Enable")
        $('#<%= roleDropDownList.ClientID %> input[value="1"]').attr('checked','checked');

答案 1 :(得分:1)

.val是一种方法而不是属性..

正确的语法是 .val()

看起来你的RadioButtonList id是 RadioButtonList ..

但是你试图选择$('#&lt;%= roleDropDownList.ClientID%&gt;')

   if($('[id*=enable]').val() == "Enabled"){
        $('[id*=RadioButtonList] :radio[value="1"] ').prop('checked', true);
} 

更新代码

$(function() {
    $('#<%= enable.ClientID %>').on('change', function() {
        var val = $(' #<%=  enable.ClientID %> ').val();
        if (val == "Enabled") {
          $('#<%=RadioButtonList.ClientID%> :radio[value="1"]').prop('checked', true);
        }
        else if( val == "Dnabled" ) {
          $('#<%=RadioButtonList.ClientID%> :radio[value="2"]').prop('checked', true);
        }
    }).change();
});

CHECK DEMO

答案 2 :(得分:0)

试试这个

  var set_value=2;
  $('#RadioButtonList').filter("[value='"+set_value+"']").attr("checked","checked");

答案 3 :(得分:0)

试试这种方式

$('#<%= enable.ClientID %> input').click(function() {
    alert('Selected Value: '+$("#<%= enable.ClientID %> input:radio:checked").val());
});