title: How to get selected values of checkbox list
body: <p>I have a check box list</p>
  
  <pre><code> &lt;asp:CheckBoxList runat="server" ID="ddrCustomer"&gt;
     &lt;/asp:CheckBoxList&gt;
  </code></pre>
  
  <p>and bind as</p>
  
  <pre><code>ddrCustomer.DataSource = ds.Tables[1];
   ddrCustomer.DataTextField = "Customer";
   ddrCustomer.DataValueField = "Id";
   ddrCustomer.DataBind();
   ddrCustomer.Items.Insert(0, new ListItem("All", "All"));
  </code></pre>
  
  <p>then Rendered HTML is:</p>
  
  <pre><code>   &lt;tr&gt;
       &lt;td&gt;
            &lt;input type="checkbox" name="ddrCustomer$1" id="ddrCustomer_1"&gt;
            &lt;label for="ddrCustomer_1"&gt;10 Manhattan Ave, Storage&lt;/label&gt;
       &lt;/td&gt;
     &lt;/tr&gt;
  </code></pre>
  
  <p>when i call below java script function</p>
  
  <pre><code>  $("#ddrCustomer").find("input[type=checkbox]:checked").each(function () {
  
        alert($(this).val());
  
      }); 
  </code></pre>
  
  <p>then it always return <code>"on"</code> as checked check boxes values.
  I need to bind valus</p>