Note that there are some explanatory texts on larger screens.

plurals
  1. POadding values from list item and checboxes
    primarykey
    data
    text
    <p>Try to add value from checkboxes and item list to make a price calculator. where client select the type of service they want from item list or checkboxes , and price calculator give the quote for price.</p> <pre><code>$(".option").click(function() { var total = 0; $(".option:checked").each(function() { total += parseInt($(this).val(), 10); }); alert(total); }); &lt;table width="98%" cellpadding="0" cellspacing="0" summary="Summary Here"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Basic&lt;/th&gt; &lt;th&gt;Requirements&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr class="light"&gt; &lt;td height="31"&gt;Number of Pages&lt;/td&gt; &lt;td&gt;&lt;select class="option"&gt; &lt;option value="50"&gt;1&lt;/option&gt; &lt;option value="100"&gt;2&lt;/option&gt; &lt;option value="200"&gt;3&lt;/option&gt; &lt;option value="250"&gt;4&lt;/option&gt; &lt;option value="400"&gt;5-10&lt;/option&gt; &lt;option value="800"&gt;11-20&lt;/option&gt; &lt;option value="0" selected="selected"&gt;0&lt;/option&gt; &lt;/select&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="dark"&gt; &lt;td&gt;Domain Registration&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="10" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;tr class="light"&gt; &lt;td&gt;Website Hosting&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="60" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;tr class="dark"&gt; &lt;th&gt;Options Extras&lt;/th&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="light"&gt; &lt;td&gt;Image Gallery Page&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="100" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;tr class="dark"&gt; &lt;td&gt;Videos&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="60" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;tr class="light"&gt; &lt;td&gt;Membership System&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="100" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;tr class="dark"&gt; &lt;td&gt;Forum&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="300" /&gt;Yes&lt;/td&gt; &lt;tr class="light"&gt; &lt;td&gt;Image Creation&lt;/td&gt; &lt;td&gt;&lt;select class="option"&gt; &lt;option value="50"&gt;5-10&lt;/option&gt; &lt;option value="100"&gt;11-20&lt;/option&gt; &lt;option value="200"&gt;21-30&lt;/option&gt; &lt;option value="250"&gt;31-40&lt;/option&gt; &lt;option value="400"&gt;41-50&lt;/option&gt; &lt;option value="800"&gt;51-100&lt;/option&gt; &lt;option value="0" selected="selected"&gt;0&lt;/option&gt; &lt;/select&gt;&lt;/td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class="dark"&gt; &lt;td&gt;Standard Mobile Website&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="300" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;tr class="light"&gt; &lt;td&gt;Site or Product Search&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="60" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;tr class="dark"&gt; &lt;td&gt;File Uploads&lt;/td&gt; &lt;td&gt;&lt;input class="option" type="checkbox" value="90" /&gt;Yes&lt;/td&gt; &lt;/tr&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;&lt;/th&gt; &lt;th&gt;&lt;div id="total"&gt;£0&lt;/div&gt;&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre>
    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