Hello, I am new here and have a question. :)

I need to do something similar to the solution that was offered here, except for checkboxes and have the results display dynamically right on the page. http://p2p.wrox.com/topic.asp?TOPIC_ID=34924

I have a form. It has several products. Each product has a price listed. Each product can be selected via a checkbox.

What I would like to do is have the sum of each selected product, added in total at the bottom of the form.

I would prefer to use javascript/dhtml for this, I don't want anything complex, just something to add to the page and have it display the total live as the customer checks/unchecks a product.

Hii Colleen!!

if every checkbox has different name then
use
if(document.formname.checkboxname.checked)
 {
// get the value of checkbox ,to calculate price
}

if you are using checkbox group then use
for(i=0;i<document.formname.checkboxname.length;i+ +)
{
if(document.formname.checkboxname[i].checked)
 {
// get the value of checkbox ,to calculate price
 }
}

hope this will help you


Cheers :)

vinod

Thanks vinod,

I am using the same name for them all. I found this site, http://www.madirish.net/tech.php?section=1&article=7 and it helped me do what I want, aside from the fact that the script is a bit long once you start adding more items to it.

Thanks again!
Colleen

Hii Colleen!!

Plz try the code ,Hope this will help you
<script>
function getSum()
{
totalvalue=0
obj=document.myform.chkbox
for(i=0;i<obj.length;i++)
{
if(obj[i].checked)
{
totalvalue+=parseInt(obj[i].value)
}

}

if(totalvalue==0)
{
alert("Please select atleast one product!!");
document.myform.totalsum.value=""
}
else
{
document.myform.totalsum.value=totalvalue
}

}

function checkAll(obj)
{
if(obj.checked)
{obj=document.myform.chkbox
for(i=0;i<obj.length;i++)
    {
    obj[i].checked=true
    }
}
else
{obj=document.myform.chkbox
 for(i=0;i<obj.length;i++)
    {
    obj[i].checked=false
    }
}

}
</script>
<form name="myform">
Check All Product<input type=checkbox name=chkall onclick="checkAll(this)" >
<br>
Product1 Price 12 <input type=checkbox name=chkbox value=12><br>

Product2 Price 13 <input type=checkbox name=chkbox value=13><br>
Product3 Price 14 <input type=checkbox name=chkbox value=14><br>
Product4 Price 15 <input type=checkbox name=chkbox value=15><br>
Product5 Price 16 <input type=checkbox name=chkbox value=16><br>
Product6 Price 17 <input type=checkbox name=chkbox value=17><br>
Product7 Price 18 <input type=checkbox name=chkbox value=18><br>

Total Product Price<input type=text name="totalsum" readonly>
<input type=button onclick="getSum()" value="Get Total Price">




Cheers :)

vinod

Thanks very much Vinod! You've been very generous and helpful. :D