Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to Get the check box checked value from list of checkboxes and call an Ajax function when check box is checked?
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload