Lid |
|
hi,
ik heb nu dit script je gevonden op internet maar ik heb er een vraagje over. Ik ben nou niet echt geweldig met js dus kan iemand mij uitleggen wat er gebeurd vanaf $form.delegate? En dan bedoel ik van wat al die functies doen en wat het gevolg er van is.
Alvast bedankt!
HTML:
<form id="missies">
<label>This one is used: <input class="getal"/></label>
<br/>
<label>So is this one: <select class="getal">
<option>5</option>
<option>10</option>
<option>15</option>
</select></label>
<br/>
<label>This one is ignored: <input class="ignore"/></label>
<br/><br/>
<p>Total: <span id="kans"/></p>
</form>
<p>Total: <span id="kans"/></p>
JS:
var $form = $('#missies'),
$getallen = $form.find('.getal'),
$sumDisplay = $('#kans');
$form.delegate('.getal', 'change', function ()
{
var sum = 0;
$getallen.each(function ()
{
var value = Number($(this).val());
if (!isNaN(value)) sum += value;
});
$sumDisplay.text(sum);
});
var $form = $('#missies'), $getallen = $form.find('.getal'), $sumDisplay = $('#kans'); $form.delegate('.getal', 'change', function () { var sum = 0; $getallen.each(function () { var value = Number($(this).val()); if (!isNaN(value)) sum += value; }); $sumDisplay.text(sum); });
|