Bitte helfen Sie mir. Ich möchte dieses Skript für mehrere Eingabewerte verwenden. Bitte hilf mir.Erhalten Sie Formularwerte mit jquery
<script type="text/javascript">
$(document).ready(function() {
$('#pack').blur(function() {
var amount = parseInt($("#rate").val() * $("#pack").val());
var totalamount = parseInt($("#weight").val() * $("#pack").val());
$('.amount').html(amount);
$('.totalamount').html(totalamount);
return false;
});
});
</script>
<p>amount = (rate * pack)</p>
<p>totalamount = (weight * pack)</p>
<form action="/" class="calculator">
<label for="rate">rate: </label><input name="rate" id="rate" type="text" size="5" />
<label for="pack">pack: </label><input name="pack" id="pack" type="text" size="5" />
<label for="bag">bag: </label><input name="bag" id="bag" type="text" size="5" />
<label for="weight">weight: </label><input name="weight" id="weight" type="text" size="5" />
<input type="submit" value="calculate" />
</form>
<p>Amount: <span class="amount"></span></p>
<p>Total Amount: <span class="totalamount"></span></p>
zum Beispiel:
<label for="rate">rate: </label><input name="rate" id="rate" type="text" size="5" />
<label for="pack">pack: </label><input name="pack" id="pack" type="text" size="5" />
<label for="bag">bag: </label><input name="bag" id="bag" type="text" size="5" />
<label for="weight">weight: </label><input name="weight" id="weight" type="text" size="5" />
<label for="rate">rate: </label><input name="rate" id="rate" type="text" size="5" />
<label for="pack">pack: </label><input name="pack" id="pack" type="text" size="5" />
<label for="bag">bag: </label><input name="bag" id="bag" type="text" size="5" />
<label for="weight">weight: </label><input name="weight" id="weight" type="text" size="5" />
dank
Was wieder die Frage ist ..? O.o –
Es schlägt fehl, weil Sie mehrere IDs mit demselben Namen deklarieren, verwenden Sie stattdessen Klassen. – Ben
gibt es einen Weg? – Kulbir