jquery如何根据另一个单选按钮选择设置单选按钮列表项asp.net c#

时间:2013-08-08 16:23:04

标签: jquery asp.net c#-4.0 radiobuttonlist

我有两个单选按钮列表,并希望根据第一个单选按钮列表中的选择更改第二个单选按钮列表项中列表项的文本。获取所选值是有效的,但尚未弄清楚如何为单选按钮2中的项目设置单独的文本标签。代码如下。非常感谢。

<script type="text/javascript">
        $(document).ready(function () {
            $("#<%=rb1.ClientID%>").change(function () {
                var rbvalue = $("input[@name=<%=rb1.ClientID%>]:radio:checked").val();
                if (rbvalue == "0") {
                <!-- need to: -->
                <!-- set rb2 list item 1 text to 'sample 1' -->
                <!-- set rb2 list item 2 text to 'sample 2' -->

                }
                else if (rbvalue == "1") {
                <!-- need to: -->
                <!-- set rb2 list item 1 text to 'sample 3' -->
                <!-- set rb2 list item 2 text to 'sample 4' -->
                }

            });
        });
    </script> 

以下代码中的示例单选按钮:

<asp:radiobuttonlist id="rb1" runat="server">
    <asp:listitem value="0">Option1</asp:listitem>
    <asp:listitem value="1">Option2</asp:listitem>
</asp:radiobuttonlist>
<asp:radiobuttonlist id="rb2" runat="server">
    <asp:listitem value="0" Text="change me 1"></asp:listitem>
    <asp:listitem value="1" Text="change me 2"></asp:listitem>
</asp:radiobuttonlist>

3 个答案:

答案 0 :(得分:0)

您可以使用以下语法专门访问无线电

$("input[@name=<%=rb2.ClientID%>][value=0]")
$("input[@name=<%=rb2.ClientID%>][value=1]")

只需使用.text设置值

即可

$('[id*=rb2][value=0]').text('something')
$('[id*=rb2][value=1]').text('something else')

答案 1 :(得分:0)

这个怎么样?由于渲染了标签控件,因此您需要修改它而不是实际的单选按钮对象。在Chrome或FF中右键单击它并选择Inspect Element将显示它最终呈现给浏览器的确切方式。

$("#<%=rb2.ClientID%>").parent().find('label').text("your text here");

答案 2 :(得分:0)

想出来。以下是用于更改单选按钮列表项上的文本的解决方案: $('[id * = rb2] [value = 0] + label')。text('This works 0'); $('[id * = rb2] [value = 1] + label')。text('This works 1');