我有两个输入形式,分别是数量,值和两个单选按钮,分别是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
<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);
}
});
});
});
但是它不起作用。请帮助我。