使用单选按钮增加和减少值 [英] increase and decrease value using a radio button

问题描述

我正在开发一个电子商务系统. 假设用户总共拥有1200个权限. 如果他选择快速交货选项 应在总数中增加40，这意味着期末金额应从1200更改为1240. 我已经为此开发了一种应用程序. 我不知道什么，但值不是增量.不知道什么，但是我需要一个解决方案， 这是我的代码:

I am developing an eCommerce system. Let say if user has total of 1200 right. If he chooses fast delivery options 40 should be added to total that means at the end amount should be changed from 1200 to 1240. I have a developed a kind of application for that. I don't know what but the value is not increment. Don't know what but I need a solution, Here is my code:

<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代码:

My Javascript code:

$('#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);
  });
});

这篇关于使用单选按钮增加和减少值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！