Price Changer

by ChrisStanyon

HTML

<input name="course_nop" type="text" class="qty" id="course_nop" size="2" maxlength="2" />
<input name="course_cost" type="hidden" id="course_cost" class="price" value="23.4" />
$<span class="total"></span>
<input name="course_total" type="hidden" id="course_total" class="total" />
<input type="checkbox" name="passport_photo" id="passport_photo" value="18" />

JavaScript

$("#course_nop, #passport_photo").change(function() {
        var price = parseFloat($('#course_cost').val(),10);
        var qty = (parseInt($('#course_nop').val(), 10) || 0);
        var passport = $('#passport_photo').is(':checked') ? parseInt($('#passport_photo').val(),10) : 0;

        var total = price * qty + passport;
        
		$(".total").text(total);
	});