jQuery获取CheckBoxlist选中项的值

 

 <script type="text/javascript">
        $(document).ready(function() {
            $("#btnShow").click(function() {
                var valuelist = ""; //保存checkbox选中值
                var valueId="";
                var value="";
                //遍历name以listTest开头的checkbox
                $("input[name^='CBColor']").each(function() {
                    if ($(this).is(":checked")) {
                        //$(this):当前checkbox对象;
                        //$(this).parent("span"):checkbox父级span对象
                        valueId=$(this).parent("span").attr("colorId");
                        valuelist = $(this).next().text();    
                        value+=valueId+":"+valuelist;     
                    }
                });
                if (valuelist.length > 0) {                
                     alert(value);
                }
             
             });
         });

    </script>

 

<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBoxList ID="CBColor" runat="server">
          
        </asp:CheckBoxList>
        <asp:Button ID="btnShow" runat="server" Text="Button" />
    </div>
    </form>
</body>

 

 

后台程序:

//获取颜色的数据

 public DataTable GetColor()
    {
        string conStr = ConfigurationManager.ConnectionStrings["conStr"].ConnectionString;
        SqlConnection con = new SqlConnection(conStr);
        SqlCommand com = new SqlCommand("select * from color",con);
        SqlDataAdapter da = new SqlDataAdapter(com);
        DataTable dt = new DataTable();
        da.Fill(dt);
        return dt;
    }


    public void GetColorFromBLL()
    {
        DataTable table = GetColor();
        foreach (DataRow item in table.Rows)
        {
            ListItem listItem = new ListItem(item["colorName"].ToString(), item["cid"].ToString());
            listItem.Attributes.Add("colorId", item["cid"].ToString());
            this.CBColor.Items.Add(listItem);
        }
        this.CBColor.DataBind();
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值