У меня есть две формы ввода: количество, значение и две кнопки-переключателя, как add и sub.
Если я выберу «Добавить» и введу значение в поле значения, оно будет добавлено вместе с количеством и покажет результат в поле количества.
Если я выберу sub и введу значение в поле значения, оно будет вычтено из количества и покажет результат в поле количества.
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);
}
});
});
});
Но это не работает. Пожалуйста, помогите мне.
Вид экрана:
Это вид моего проекта