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;

        }

    }