How to Get the check box checked value from list of checkboxes and call an Ajax function when check box is checked?
<p>Hi all, I have the following list of checkboxes like this in my view:</p>

<pre><code>         &lt;div class="ProdcutColors" style=" font:11px Lucida Sans Unicode, Lucida Grande, sans-serif; overflow:auto; height:135px; width:135px; margin:-240px 0 0 528px; border:1px solid #ccc"&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="Black" value="Black" class="ProdcutColors" /&gt;
&lt;label&gt;Black&lt;/label&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="Red" value="Red" class="ProdcutColors" /&gt;
&lt;label&gt;Red&lt;/label&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="Pink" value="Pink" class="ProdcutColors"/&gt;
&lt;label&gt;Pink&lt;/label&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="Blue" value="Blue" class="ProdcutColors"/&gt;
&lt;label&gt;Blue&lt;/label&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="Brown" value="Brown" class="ProdcutColors"/&gt;
&lt;label&gt;Brown&lt;/label&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="Khaki" value="Khaki" class="ProdcutColors"/&gt;
&lt;label&gt;Khaki&lt;/label&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="White" value="White" class="ProdcutColors"/&gt;
&lt;label&gt;White&lt;/label&gt;
&lt;br /&gt;
&lt;input type="checkbox" name="Silver" value="Sivler" class="ProdcutColors"/&gt; 
&lt;label&gt;Silver&lt;/label&gt;
&lt;br /&gt;  
&lt;/div&gt;
</code></pre>

<p>Now what I want is if a user checks any of the colors I want to call an ajax function passing the value of the checkbox selected. Can anyone tell me how I can do this using JavaScript?</p>
