jQuery获取checkboxlist选中值

如图1所示，从留学国家中选中需要的留学国家，选中顾问触发事件，获取选中的留学国家，如果留学国家为空，提示留学国家不为空

图1
前台页面代码如下

InputStudy.aspx

 <div class="row" id="panelAbroad1" runat="server">
                        <div class="span12">
                            <div class="input-group">
                                <span class="input-group-addon ie_widthauto">留学国家：<font color="red">*</font></span>
                                <asp:CheckBoxList ID="ckkHopeCountryList"  CssClass="checkbox-inline form-control ie_widthauto checkboxlist "  runat="server" RepeatDirection="Horizontal" RepeatColumns="12">
                                </asp:CheckBoxList>
                            </div>
                        </div>
                    </div>

<div class="row" id="panelACouslt1" runat="server">
                        <div class="span5">
                            <div class="input-group">
                                <span class="input-group-addon ie_widthauto">顾问：<font color="red">*</font></span>
                                <select id="dllRecordDepList" name="dllRecordDepList" class="form-control ie_widthauto" runat="server">
                                    <option value="-1">无咨询员</option>
                                </select>
                                <input type="hidden" id="hidRecDep" runat="server" />
                                <input type="hidden" id="hidAConsultant" runat="server" />
                                <span class="input-group-addon ie_widthauto">-></span>
                                <select name="selAConsultant" id="selAConsultant" class="form-control ie_widthauto" runat="server">
                                    <option value="-1">--请选择-- </option>
                                </select>
                            </div>
                        </div>

                    </div>

后台绑定checkboxlist数据，用的ORM
inputStudy.aspx.cs

 /// <summary>
        /// 留学国家
        /// </summary>
        private IList GetHopeCountryList(int GroupID)
        {
            IList RecepList = new ArrayList();
            IDataReader rdr;
            if (GroupID == 0)
            {
                rdr = DB.Context.FromSql("select CountryID,Country from tblRecepCountry where Flag=0").ToDataReader();
            }
            else
            {
                rdr = DB.Context.FromSql("select CountryID,Country from tblRecepCountry where Flag=0 and GroupID=@GroupID").AddInParameter("@GroupID", DbType.Int32, GroupID).ToDataReader();
            }
            while (rdr.Read())
            {
                Model.tblRecepCountry cyInfo = new Model.tblRecepCountry();
                cyInfo.CountryID = int.Parse(rdr["CountryID"].ToString());
                cyInfo.Country = rdr["Country"].ToString();
                RecepList.Add(cyInfo);
            }
            return RecepList;
        }

jQuery代码
ConsultantType02.js

 $(document).ready(function () {
 $("#dllRecordDepList").change(function () {
        var id = $(this).val();
        var country = "";
        $("input[name^='ckkHopeCountryList']").each(function () {
            if (this.checked) {
                country = country + $(this).next().text() + "*";
            }
        });
        if (country == "" || country == undefined) {
            alert("留学国家不能为空")
        } else {
            $.ajax({
                type: "POST",
                url: "../Handler/ConsultantType02.ashx",
                data: { type: "AConsultant", id: id, country: country },
                success: function (data) {
                    if (data == "fail") {
                        alert("loading failed");
                    }
                    else {
                        addAConsultantList(data);
                    }
                }
            });
        }
    });
  });

关键代码为

 var country = "";
        $("input[name^='ckkHopeCountryList']").each(function () {
            if (this.checked) {
                country = country + $(this).next().text() + "*";
            }
        });

通过F12观察checkboxlist生成的是一个table对应的name是ckkHopeCountryList

如果想了解ajax级联的写法可以点击下面的连接
http://blog.csdn.net/sunping177/article/details/51162820