jquery radiobuttonlist

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;
        }
    }