获取和设置asp:RadioButtonList的值

小灰灰 2022-08-19 14:16 231阅读 0赞

今天项目需要获取和设置asp:RadioButtonList的值，以前做过。掉过这个坑。后来做好了。自然也就把这个坑给忘了。现在记录一下。避免下次又掉进这个坑中。

微软的aspx网页编程中。用JQuery的普通的选择器是不能够选择到所需要的asp控件的。这是因为在编译后,微软会把自己的asp控件编译成另一类控件。因此在实际编程的过程中需要根据最后生成的什么标签来获取控件。使用审核元素或查看源文件的方法去读取生成后的文件。

比如：在asp页面项目中如下代码

<asp:RadioButtonList ID="rbn_list" runat="server">
           <asp:ListItem Text="Red" Value="10"></asp:ListItem>
            <asp:ListItem Text="Blue" Value="20"></asp:ListItem>
        </asp:RadioButtonList>

在最终生成的进候变成了下面的代码

由以上可以看出微软自动生成了一个名字叫做rbn\_list的控件集。并在它的后面生成一个标签。用于存放radioButton的值。因此如果要取得该控件的集的值的方法是

<span style="font-family:Arial, Helvetica, sans-serif;"></span><pre name="code" class="javascript"> $("[name=rbn_list]").each(function (index, obj) {
                    alert($(this).val());
                    //alert($(this).next().text());
                })

因此如果要取得该控件的集的名称值的方法是

<span style="font-family: Arial, Helvetica, sans-serif;"></span><pre name="code" class="javascript"> $("[name=rbn_list]").each(function (index, obj) {
                    alert($(this).next().text());
                })

设置该控件被选择中的方法是

$("[name=rbn_list]").eq(1).prop("checked", "true");

或者

<pre name="code" class="javascript">var choise = $("[name=rbn_list][value=10]");
                choise.prop("checked","true");