如何获取复选框列表的选定值

Question

我有一个复选框列表

 <asp:CheckBoxList runat="server" ID="ddrCustomer">
   </asp:CheckBoxList>

并绑定为

ddrCustomer.DataSource = ds.Tables[1];
 ddrCustomer.DataTextField = "Customer";
 ddrCustomer.DataValueField = "Id";
 ddrCustomer.DataBind();
 ddrCustomer.Items.Insert(0, new ListItem("All", "All"));

那么渲染的HTML是：

   <tr>
     <td>
          <input type="checkbox" name="ddrCustomer$1" id="ddrCustomer_1">
          <label for="ddrCustomer_1">10 Manhattan Ave, Storage</label>
     </td>
   </tr>

当我在Java脚本函数下面调用时

  $("#ddrCustomer").find("input[type=checkbox]:checked").each(function () {

      alert($(this).val());

    }); 

那么它总是返回"on"作为选中的复选框值。 我需要绑定值

Answer 1

$("#ddrCustomer").find("input[type=checkbox]").each(function () {

alert($(this).val());

});

Answer 2

.aspx标记

<asp:CheckBoxList ID="ddrCustomer" runat="server">
    <asp:ListItem Text="Sam" Value="1"></asp:ListItem>
</asp:CheckBoxList>

呈现的HTML

<input type="checkbox" value="1" name="ctl00$MainContent$ddrCustomer$0"  
               id="MainContent_ddrCustomer_0">
<label for="MainContent_ddrCustomer_0">Sam</label>

jQuery的

$("#<%= ddrCustomer.ClientID %>").find("input[type=checkbox]").each(function () {

alert(this.checked); // returns checked or not
alert(this.value); //returns value
alert($(this).next('label').text(); // returns SAM. Text value

});

Answer 3

采用：

 $("#ddrCustomer").find("input[type=checkbox]").each(function () {
  alert($(this).val());
});