Я разрабатываю систему электронной коммерции. Скажем, если пользователь имеет в общей сложности 1200 прав. Если он выбирает быструю опцию доставки, то к сумме должно быть добавлено 40, что означает, что в конце сумма должна быть изменена с 1200 до 1240. У меня есть разработанное приложение для этого. Я не знаю, что, но значение не является приращением. Не знаю, что, но мне нужно решение. Вот мой код:
<label><input type="radio" name="optradio" id="target"> <span class="label label-success">Fast Delivery</span></label> <div id="output">10</div> <div id="savevalue" style="visibility:hidden"></div> <label><input type="radio" name="optradio" id="target2"> <span class="label label-success">Regular Delivery</span></label> Мой код Javascript:
$('#target').click(function() { var savevalue = $('#savevalue').text(); var output = $('#output').text(); if (savevalue==null || savevalue=="") { output = output*1 + 40; savevalue = output; $('#output').html(function(i, val) { return output}); $('#savevalue').html(function(i, val) { return savevalue}); } }); $('#target2').click(function() { var savevalue = $('#savevalue').text(); var output = $('#output').text(); if (output==savevalue) { output = output*1 - 40; $('#output').html(function(i, val) { return output }); } });
Попробуй это :
HTML:
<p id="price">100</p> <input type="radio" name="delivery" id="delivery1" value="normal" checked> Normal <br> <input type="radio" name="delivery" id="delivery2" value="fast"> Fast
Js:
$(document).ready(function(){ $('#delivery1,#delivery2').change(function(){ price = $('#price').text(); if($('#delivery2').is(':checked')) { price = parseInt(price) + 40; } else { price = parseInt(price) - 40; } $('#price').text(price); }); });
вы можете проверить мою скрипту https://jsfiddle.net/3422ntLh/ .
В моем решении проверьте html-код.
<label> <input type="radio" name="delivery" id="target" speed="fast"> <span class="label label-success">Fast Delivery</span></label> <div id="output">10</div> <div id="original" value="10" style="visibility:hidden"></div> <label> <input type="radio" name="delivery" id="target2" speed="normal"> <span class="label label-success">Regular Delivery</span></label>
Я сохранил значение good в $ ('# original).
Это мой JS-код:
$('input:radio[name="delivery"]').change(function() { alert($('#original').attr('value')); $('#output').html($('#original_cost').attr('value')); if ($(this).attr('speed') == 'fast') { var extra_shipping_fee = 40; var current_price = parseInt($('#original').attr('value')); var new_price = current_price + extra_shipping_fee; $('#output').html(new_price); } else { $('#output').html($('#original').attr('value')); } })
Код не уточняется, но он даст вам некоторое представление о том, как продолжить