通过Jquery获取RadioButtonList选中值

第一种：通过find方法获取RadioButtonList所选中的值

View Code

1 <script type="text/javascript">
2         $(document).ready(function () {
3          //保存之前去验证所有字段是否符合
4             $("#btn_save").click(function () {
5                    $("#rbl_sex").find("[checked]").val();
6                  })
7          })
8 </script>

第二种:

View Code

1 <script type="text/javascript">
2         $(document).ready(function () {
3         $("#btn_save").click(function () {
4            $("input[name='rbl_sex']:checked").val();
5         })
6         })
7 </script>

HTML:

View Code

 1 <div class="line">
 2                 <div class="left">
 3                     性别
 4                 </div>
 5                 <div class="mid">
 6                     <asp:RadioButtonList ID="rbl_sex" runat="server" RepeatDirection="Horizontal">
 7                         <asp:ListItem Text="男"></asp:ListItem>
 8                         <asp:ListItem Text="女"></asp:ListItem>
 9                     </asp:RadioButtonList>
10                 </div>
11                 <div class="right">
12                 </div>
13 </div>
14 <asp:Button ID="btn_save" runat="server" Text="提交" />

posted on 2013-04-18 12:22 琴韵之弦阅读(18232) 评论(0) 编辑收藏举报