Waarden in 2 velden optellen en in een label weergeven
Ik heb 2 velden waarin je een waarde kunt ingeven, maar nu wil ik die 2 waarden laten optellen en laten weergeven in een label die er onderstaat. Dit moet dus realtime gebeuren. Moet ik dit dan met jQuery of javascript doen? En zo ja, hoe kan ik dat doen?
Dit is wat ik wil:
Alvast bedankt,
Engin
trouwens jQuery is javascript maar dan korter geschreven jQuery is een library waar alles van javascript al voor je instaat en wat jij met jquery op kan roepen.
Gewijzigd op 21/03/2012 20:06:25 door Reshad F
Als je al jQuery geimplementeerd hebt, dan kan je dat gebruiken, anders zijn het 3 a 5 regels ordinaire javascript code.
Er zijn op internet meer dan genoeg voorbeelden te vinden hoe je dat zult kunnen uitvoeren.
Reshadd farid op 21/03/2012 20:02:49:
dit moet met jQuery, als je even je code post van dit stukje wat je gepost hebt dan kunnen we je zeggen hoe je het toepast :)
trouwens jQuery is javascript maar dan korter geschreven jQuery is een library waar alles van javascript al voor je instaat en wat jij met jquery op kan roepen.
trouwens jQuery is javascript maar dan korter geschreven jQuery is een library waar alles van javascript al voor je instaat en wat jij met jquery op kan roepen.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="form_row clearfix">
<label><?php _e(PRO_PRICE_TEXT); if(get_currency_sym()){ echo " (".get_currency_sym().")";}?> <span>*</span></label>
<input type="text" name="proprty_price" id="proprty_price" class="textfield" value="<?php echo esc_attr(stripslashes($proprty_price)); ?>" />
<span class="message_error2" id="proprty_price_span"></span>
</div>
<div class="form_row clearfix">
<label><?php _e(PRO_EXTRA_PRICE_TEXT);?> <span>*</span> </label>
<input type="text" name="proprty_extra_price" id="proprty_extra_price" class="textfield" value="<?php echo esc_attr(stripslashes($proprty_extra_price)); ?>" />
<span class="message_error2" id="proprty_zip_span"></span>
</div>
<div class="form_row clearfix">
<label id="total_price_label" style='display:none;'><?php _e(PRICE_LABEL_TEXT);?> <span>*</span> </label>
<input type="text" name="total_price" id="total_price" class="textfield" style='display:none;'value="<?php echo esc_attr(stripslashes($total_price)); ?>" />
</div>
[/CODE]
<label><?php _e(PRO_PRICE_TEXT); if(get_currency_sym()){ echo " (".get_currency_sym().")";}?> <span>*</span></label>
<input type="text" name="proprty_price" id="proprty_price" class="textfield" value="<?php echo esc_attr(stripslashes($proprty_price)); ?>" />
<span class="message_error2" id="proprty_price_span"></span>
</div>
<div class="form_row clearfix">
<label><?php _e(PRO_EXTRA_PRICE_TEXT);?> <span>*</span> </label>
<input type="text" name="proprty_extra_price" id="proprty_extra_price" class="textfield" value="<?php echo esc_attr(stripslashes($proprty_extra_price)); ?>" />
<span class="message_error2" id="proprty_zip_span"></span>
</div>
<div class="form_row clearfix">
<label id="total_price_label" style='display:none;'><?php _e(PRICE_LABEL_TEXT);?> <span>*</span> </label>
<input type="text" name="total_price" id="total_price" class="textfield" style='display:none;'value="<?php echo esc_attr(stripslashes($total_price)); ?>" />
</div>
[/CODE]
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
$(function() {
$("input").on('keyup', function() {
var add = 0;
$(".textfield").each(function() {
add += Number($(this).val());
});
$("#total_price").text("totaalbedrag is : " + add);
});
});
</script>
$(function() {
$("input").on('keyup', function() {
var add = 0;
$(".textfield").each(function() {
add += Number($(this).val());
});
$("#total_price").text("totaalbedrag is : " + add);
});
});
</script>
Code (php)
1
2
3
2
3
<div class="form_row clearfix">
<label id="total_price_label">WAT MOET HIER KOMEN????<span>*</span> </label>
</div>
<label id="total_price_label">WAT MOET HIER KOMEN????<span>*</span> </label>
</div>