如何使用jQuery根据选中的单选按钮计算两个输入值

时间:2018-07-03 17:56:14

标签: jquery radio-button

我有两个输入形式,分别是数量,值和两个单选按钮,分别是add和sub。 如果我选择添加并在值字段中输入值,则该值将与数量相加并在数量字段中显示结果。 如果选择sub并在value字段中输入一个值,则将从数量中减去该值并将结果显示在数量字段中。

HTML:

<div class="form-group">
  <label class="col-sm-5 control-label">Qunatity :</label>
  <div class="col-sm-4">
      <input type="number" name="quantity" id="quantity" class="form-control" value="<?php echo $quantity;?>" required="required" readonly >
  </div>
</div>
<div class="form-group">
  <label class="col-sm-5 control-label">Select Operation:</label>
  <div class="col-sm-4">
      <input type="radio" id="Operation" name="stock_operarion"  value="add">Add &nbsp;&nbsp;&nbsp;&nbsp;
      <input type="radio" id="Operation" name="stock_operarion" value="sub">Substract


  </div>
</div>
<div class="form-group">
  <label class="col-sm-5 control-label">Value :</label>
  <div class="col-sm-4">
      <input type="number" id="operation_value" name="operation_value" class="form-control" value="0">
  </div>
</div>

我已经尝试过这种方式。

$(document).ready(function() {
    $("#operation_value").keyup(function() {
        var quantity = 0;
        var value = 0;
        var operation = "";
        var result = 0;
        $("input[name='operation_value']").each(function (index) {
            var quantity = $("input[name='quantity']").eq(index).val();
            var value = $("input[name='operation_value']").eq(index).val();
            var operation = $("input[name='stock_operarion']").eq(index).val();

            if(isNaN(value)){
                result = quantity;
                $("input[name='quantity']").eq(index).val(result);
            }
            else{
              if(operation == "add"){
                result = parseInt(quantity) + parseInt(value);
              }
              if(operation == "sub"){
                result = parseInt(quantity) - parseInt(value);
              }

            }



            if (isNaN(value)) {
              $("input[name='quantity']").eq(index).val(result);

            }else{
              $("input[name='quantity']").eq(index).val(result);
            }

        });
    });
});

但是它不起作用。请帮助我。

屏幕视图: This is the view of my project

0 个答案:

没有答案