Can't get the correct result using each() in Javascript

Question

I used each function to get the values of input boxes and select boxes to do some calculation but it seems that the calculation is working fine in module 1 section only the rest modules nothing is happen for some reason I don't know what it is till now:-

here is a demo of what is happening:-

http://jsfiddle.net/r2shhxhj/

and here is my javascript code

$(document).ready(function(){
  $("#Scal").click(function() {
	  var sumSc = 0;
	  var sumSg = 0;
	  var sumSgSc = 0;	
        $('[name^="Sc"], [name^="Sgrade"]').each(function () {
			sumSc += +$(this).val();
            sumSg = $(this).val() * $('[name^="Sgrade"]').val();
			sumSgSc += +sumSg
         	});
			var total = sumSgSc/sumSc
			console.log(total);
		    $('#Sres').val(total);
  });
  });

Paul Roub · Accepted Answer

You're finding both credits and grades, when the inner logic expects this to be a credit number.

Having found a credit, you want to find the next grade; instead, you're pulling up all grades, and getting val() from that, which will always return the value of the first match.

Instead, search for just credits. Then, find the parent li's next sibling, and search for the grade within that.

$(document).ready(function() {
  $("#Scal").click(function() {
    var sumSc = 0;
    var sumSg = 0;
    var sumSgSc = 0;
    $('input[name^="Sc"]').each(function() {
      var grade = $(this).closest('li').next('li').find('[name^=Sgrade]');
      sumSc += +$(this).val();
      sumSg = $(this).val() * grade.val();
      sumSgSc += +sumSg
    });
    var total = sumSgSc / sumSc
    $('#Sres').val(total);
  });
});

Can't get the correct result using each() in Javascript

Answers (1)

Related Questions

Can&#39;t get the correct result using each() in Javascript

Answers (1)

Related Questions

Can't get the correct result using each() in Javascript