Счетчик суммы на сайте
не работает. ничего не понимаю
есть выпадающий список и 2 флажка, надо посчитать сколько выйдет в итоге. <script type="text/javascript"> function schet() { var p = $("select#pismo").value(); var pzakaz = $("p-zakaz").value(); var p10 = $("p-10").value(); document.getElementById("total").innerHTML += (p + pzakaz) * p10 / 100 + "руб" ; } </script> <select id="pismo" name="tip" size="1"> <option id="p-69" value="69">69 рублей</option> <option id="p-129" value="129">129 рублей</option> <option id="p-229" value="229">229 рублей</option> </select> <input id="p-zakaz" type="checkbox" name="a" value="60"> <input type="checkbox" name="a1" value="10" id="p-10"> <label id="total">Итого:</label><br> <input type="submit" onclick="schet()" value="посчитать"><br> |
bohiness,
как найти элементы которые вы указали в строках 4 и 5 и почему все значения строк 3, 4, 5 должны превратиться в числа? |
$("p-zakaz").value();
$("p-10").value(); тут как минимум не хватает #, и val() , а не value() вроде как |
<button id='sum'>Посчитать</button> $(function(){ $('#sum').click(function(){ var p = $('#pismo').val(), pzakaz = ($('#p-zakaz').prop('checked')) ? $('#p-zakaz').val() : 0, p10 = ($('#p-10').prop('checked')) ? $('#p-10').val() : 1; $('#total').html((p + pzakaz) * p10 / 100 + "руб"); }); }); наверно как-то так оно должно быть |
L0k1,
тоже решили без чисел обойтись? |
и ко всей лабуде добавляем parseInt или parseFloat, чтобы были числа :write:
|
L0k1,
:victory: |
Цитата:
|
bohiness,
$('#total').html((parseInt(p) + parseInt(pzakaz)) * parseInt(p10) / 100 + "руб"); |
bohiness,
или так $(function(){ $('#sum').click(function(){ var p = +$('#pismo').val(), pzakaz = ($('#p-zakaz').prop('checked')) ? +$('#p-zakaz').val() : 0, p10 = ($('#p-10').prop('checked')) ? +$('#p-10').val() : 1; $('#total').html((p + pzakaz) * p10 / 100 + "руб"); }); }); |
Часовой пояс GMT +3, время: 07:48. |