Multiply checkbox values
by shiataz12
HTML
<label for="mySelect">No. Days</label>
<select name="mySelect" id="mySelect">
<option name="one" value="1">1</option>
<option name="two" value="2">2</option>
<option name="three" value="3">3</option>
<option name="four" value="4">4</option>
<option name="five" value="5" selected>5</option>
</select><br><br>
<label for="checkbox1">100kms</label>
<input type="checkbox" name="checkbox1" value="125" id="qr1" checked><br><br>
<label for="checkbox2">200kms</label>
<input type="checkbox" name="checkbox2" value="225" id="qr2"><br><br>
<label for="checkbox3">Tyre</label>
<input type="checkbox" name="checkbox3" value="20" id="qr3"><br><br>
<label for="checkbox4">Glass</label>
<input type="checkbox" name="checkbox4" value="20" id="qr3"><br><br>
<label for="checkbox5">General</label>
<input type="checkbox" name="checkbox5" value="60" id="qr3" checked><br><br>
<label for="checkbox6">Third Party</label>
<input type="checkbox" name="checkbox6" value="80" id="qr3"><br><br>
Daily :<span id="userdaily"> </span><br><br>
Total :<span id="usertotal"> </span><br><br>
<input tyep="text" id="pricef1" name="pricef1" value="">
<input tyep="text" id="pricef2" name="pricef2" value="">
JavaScript
$(document).ready(function(){
var n = $( "input[name='checkbox1']:checked" ).length;
if(n){
displayVals1();
}
$('input[name="checkbox1"]').click(function(){
$('input[name="checkbox2"]').prop('checked', false);
});
var n2 = $( "input[name='checkbox2']:checked" ).length;
if(n2){
displayVals2();
}
$('input[name="checkbox2"]').click(function(){
$('input[name="checkbox1"]').prop('checked', false);
});
});
var $cbs = $("#qr3");
var cbs = $("#qr3");
var Multiplier = $("#mySelect").val();
var kilo1 = $("#qr1").val();
var kilo2 = $("#qr2").val();
function displayVals1() {
Calculate1();
var total31 = 0;
var kms31 = 0;
var fullTot31 = 0;
$cbs.each(function() {
if (this.checked)
total31 = parseInt(Multiplier) * parseInt(this.value);
kms31 = parseInt(Multiplier) * parseInt(kilo1);
fullTot31 = parseInt(total31) + parseInt(kms31);
});
$("#pricef1").val(fullTot31);
}
function Calculate1() {
var fullTot = 0;
var total11 = 0;
var kms11 = 0;
var total12 = 0;
$cbs.each(function() {
if (this.checked)
total11 = parseInt(Multiplier) * parseInt(this.value);
kms11 = parseInt(Multiplier) * parseInt(kilo1);
fullTot = parseInt(total11) + parseInt(kms11);
total12= parseInt(kilo1) + parseInt(this.value);
});
$("#usertotal").text('R ' + fullTot +'/day');
$("#userdaily").text('R ' + total12 +'/day');
}
function displayVals2() {
Calculate2();
var total41 = 0;
var kms41 = 0;
var fullTot41 = 0;
$cbs.each(function() {
if (this.checked)
total41 = parseInt(Multiplier) * parseInt(this.value);
kms41 = parseInt(Multiplier) * parseInt(kilo2);
fullTot41 = parseInt(total41) + parseInt(kms41);
});
$("#pricef2").val(fullTot41);
}
function Calculate2() {
var fullTot1 = 0;
var total21 = 0;
var...