jquery help .. execute function

[everisk]

Hi

 

I'm a jquery newbie. I'm trying to sum a column with below code on page load. it works fine. But I also want to update the total when the input changes. How do I do that? I dont even know how to specify a function in jquery 

 

Basically, something like <input type="text" name="whatever" id="whatever" class="regular" onBlur="runJqueryFunction()" />

 

$(document).ready(
function() {
	var total=0;
	$('.regular').each(
		function() {
			total = parseInt(total) + parseInt(this.value);
		}
	);
$('#total_regular').text(total);
}
);

[rajivgonsalves]

<script type="text/javascript">

function totalIt() {
      var total=0;
      $('.regular').each(
         function() {
            total = parseInt(total) + parseInt(this.value);
         }
      );
   $('#total_regular').text(total);
   } 

$('.regular').blur(totalIt);
</script>

[everisk]

Thanks for the quick reply Rajiv

 

I got this error on Firebug

missing ) after argument list

[break on this error] $('.regular').blur(totalIt);\n

 

[rajivgonsalves]

the syntax looks correct you will have to put the function outside and put the blur in the onready function

[everisk]

I still get the same error. But thanks! I got it working by

 

$(document).ready(

function() {

totalIt();

}

);