JQuery取RadioButtonList 或者 CheckBox的一些值的方法 [转]

JQuery取RadioButtonList 或者 CheckBox的一些值的方法 [转]

‍

1、

如何取RadioButtonList中的各项的值，取选中项的值，如：

$("input[name='rbtList']:checked").val()

获取radiobuttonlist的text,查看源代码发现它被解析成<input>...</input>..<lable>abc</label>

所以取它RadioButtonList选中项的Text的值时，可以如下：

$("input[name='rbtList']:checked+label").text()

2、

注解如下：

prev + next

prev和next是两个同级别的元素. 选中在prev元素后面的next元素.

$("#hibiscus+img")选在id为hibiscus元素后面的img对象.

prev ~ siblings

选择prev后面的根据siblings过滤的元素  注:siblings是过滤器

$("#someDiv~[title]")选择id为someDiv的对象后面所有带有title属性的元素

3、

例如如下GridView

<asp:GridView ID="gvReceipt" runat="server" Width="100%" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="Grid"  >
     <Columns>
         <asp:TemplateField>                                
             <ItemTemplate >
                 <input type="checkbox" id="chkReceipt" value='<%#Eval("ID") %>' name="chkReceipt" />
                 <input id="hdCustomerCode" type="hidden"  value='<%#Eval("CustomerCode") %>' />
                 <input id="hdCustomerName" type="hidden"  value='<%#Eval("Customer") %>' />
                 <input id="hdStatus" type="hidden"  value='<%#Eval("Department") %>' />
             </ItemTemplate>                        
         </asp:TemplateField>

　　</Columns>　　

</asp:GridView>

取值方式如下：

//选择预收款的记录，如果没有选中则根据下面的客户与类别去查主表，看是否有此记录，有则更新，否则则为插入
     function SelectReceipt()
     {
         var checknum = 0;
         var customerCode = "";
         //var customerName = "";
         var type = "";
         var url = "";
         checknum = $("input:checked").length;
         if (checknum > 1)
         {
             alert("只能选择一条记录进行收款！");
             return false;
         }
         else
         {
             if (checknum == 1)
             {
                 customerCode = $("input:checked~#hdCustomerCode").val();//取选中的checkbox后的ID为hdCustomerCode的兄弟节点的值
                 //customerName = $("input:checked~#hdCustomerName").val();
                 type = $("input:checked~#hdStatus").val();
                 url = 'PreReceiptDeposit.aspx?customerCode=' + customerCode + '&departmentType=' + type;                
             }
             else
             {
                 url = 'PreReceiptDeposit.aspx?customerCode=' + '' + '&departmentType=' + type;               
             }

             UniversalOpenWindowAndBreak(640, 600, url, 1);
             return true;
         }
     }