Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Постоянное обновление, а не только при нажатии (https://javascript.ru/forum/css-html/43434-postoyannoe-obnovlenie-ne-tolko-pri-nazhatii.html)

bohiness 04.12.2013 22:44

Постоянное обновление, а не только при нажатии
 
Как сделать так, чтобы функция "subm" Работала постоянно а не только при нажатии на кнопку?

<select class="mainsel">
<option value="69">69 рублей</option>
<option value="129">129 рублей</option>
<option value="229">229 рублей</option>
</select>
<br><br>
<input type="checkbox" name="check1" class="ch1"> Доставка<br>
<input type="checkbox" name="check2" class="ch2"> Наложенный платеж <br><br>
<span style="font-size:16px">Итого: <span class="val"></span></span><br>
<input type="submit" value="Посчитать" class="subm">
<input type="hidden" name="LMI_PAYMENT_AMOUNT" value=""/>


$(document).ready(function(){ //начало
$(".subm").click(function(){
result = 0;
result = $(".mainsel option:selected").val();
if($('.ch1').prop('checked')){
result = parseInt(result) + 60;
}
if($('.ch2').prop('checked')){
result = result*1.1;
}

result = Math.round(result);
$('.val').html(result + ' руб.');
$('input[name="LMI_PAYMENT_AMOUNT"]').val(result);
});

}); //конец

Rise 05.12.2013 05:57

<form name="forma">
	<select name="mainsel">
		<option value="69" selected>69 рублей</option>
		<option value="129">129 рублей</option>
		<option value="229">229 рублей</option>
	</select><br><br>
	<input type="checkbox" name="check1"><label>Доставка</label><br>
	<input type="checkbox" name="check2"><label>Наложенный платеж</label><br><br>
	<label>Итого: </label><input style="border:0;" type="text" name="price" readonly>
</form>

<script>
var f = document.forma;
(f.mainsel.onchange = f.check1.onchange = f.check2.onchange = function() {
	var result = +f.mainsel.options[f.mainsel.selectedIndex].value;
	if (f.check1.checked) result += 60;
	if (f.check2.checked) result *= 1.1;
	f.price.value = Math.round(result);
})();
</script>

bohiness 06.12.2013 12:44

Цитата:

Сообщение от Rise (Сообщение 284645)
<form name="forma">
	<select name="mainsel">
		<option value="69" selected>69 рублей</option>
		<option value="129">129 рублей</option>
		<option value="229">229 рублей</option>
	</select><br><br>
	<input type="checkbox" name="check1"><label>Доставка</label><br>
	<input type="checkbox" name="check2"><label>Наложенный платеж</label><br><br>
	<label>Итого: </label><input style="border:0;" type="text" name="price" readonly>
</form>

<script>
var f = document.forma;
(f.mainsel.onchange = f.check1.onchange = f.check2.onchange = function() {
	var result = +f.mainsel.options[f.mainsel.selectedIndex].value;
	if (f.check1.checked) result += 60;
	if (f.check2.checked) result *= 1.1;
	f.price.value = Math.round(result);
})();
</script>

не работает:(
а какие файлы у вас еще подключены?

bohiness 06.12.2013 21:52

Все, спасибо огромное, разобрался:)


Часовой пояс GMT +3, время: 08:14.