Question

我试图在单选按钮列表中使用JQuery获取所选项的值。我有2个单选按钮列表，我从第一个单选按钮列表中获取价值，没有任何问题。但是当我选择第二个下拉列表时，它会在警报中显示相同的第一个下拉结果。

请建议

  $("#<%=RBLTechnology.ClientID%> input").change(function () {

                var ProjectArchitecture = $("input[@name=RBLTechnology]:checked").val();
alert("Selected Project Architecture Layer is " + ProjectArchitecture );
                           });

            $("#<%=RBLforService.ClientID%> input").change(function () {
                var ServiceLayer = $("input[@name=RBLforService]:checked").val();
                alert("Selected Service Layer is " + ServiceLayer);

            });



 <asp:RadioButtonList ID="RBLTechnology" runat="server" RepeatDirection="Horizontal">
                    <asp:ListItem Selected="True" Value="ASP.NET webforms">ASP.NET webforms</asp:ListItem>
                    <asp:ListItem Value="ASP.NET MVC">ASP.NET MVC</asp:ListItem>
                    <asp:ListItem Value="SilverLight">SilverLight</asp:ListItem>
                    <asp:ListItem Value="WPF">WPF</asp:ListItem>
                </asp:RadioButtonList>


     <asp:RadioButtonList ID="RBLforService" runat="server" RepeatDirection="Horizontal">
                        <asp:ListItem Selected="True" Value="Class Library Service">Class Library Service</asp:ListItem>
                        <asp:ListItem Value="Web Service">Web Service</asp:ListItem>
                        <asp:ListItem Value="WCF Service">WCF Service</asp:ListItem>
                        <asp:ListItem Value="WCF RIA Service">WCF RIA Service</asp:ListItem>
                    </asp:RadioButtonList>

Answer 1

请查看jQuery selectors 从我到目前为止看到的：

$("#<%=RBLTechnology.ClientID%> input"), $("#<%=RBLforService.ClientID%> input")

需要

$("#<%=RBLTechnology.ClientID%>"), $("#<%=RBLforService.ClientID%>")

和

$("input[@name=RBLforService]:checked"), $("input[@name=RBLforService]:checked")

需要

$("input[name='RBLforService']:checked"), $("input[name='RBLforService']:checked")

Answer 2

  <asp:RadioButtonList ID="rblRequestType">
        <asp:ListItem Selected="True" Value="value1">Value1</asp:ListItem>
        <asp:ListItem Value="Value2">Value2</asp:ListItem>
  </asp:RadioButtonList>

您可以像这样控制列表项（是否选中）;

var radio0 = $("#rblRequestType_0");
var radio1 = $("#rblRequestType_1");

if (radio0.checked){
// do something
}
if (radio1.checked){
// do something
}

捕获jquery单选按钮列出选定的值

2 个答案: