首页 > 建站技术 > jQuery >

JQuery获取RadioButtonList 或者CheckBox某些值的方法

作者:管理员 来源:本站 浏览数:5240 发布时间:2012-1-18 13:53:50

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