如何獲得選擇複選框列表值

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