Добрый день, возник вопрос, как правильно ввести данные с кнопок в два поля ввода input?
Создал такую вот форму:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div id="div">
<form class="was-validated">
<div class="form-group">
<label for="inputAddress">Начальный параметр:</label>
<input type="text" class="form-control" id="div_adjust_name_3_1" placeholder="Было" autocomplete="off" required>
</div>
<div class="form-group">
<label for="inputAddress2">Измененный параметр:</label>
<input type="text" class="form-control" id="div_adjust_name_4_1" placeholder="Стало" autocomplete="off" required>
</div>
</form>
<div class="form-group col-md-4">
<button class="btn btn-info" onclick="numFix_ts(1)">1</button>
<button class="btn btn-info" onclick="numFix_ts(2)">2</button>
<button class="btn btn-info" onclick="numFix_ts(3)">3</button>
</div>
<div class="form-group col-md-4">
<button class="btn btn-info" onclick="numFix_ts(4)">4</button>
<button class="btn btn-info" onclick="numFix_ts(5)">5</button>
<button class="btn btn-info" onclick="numFix_ts(6)">6</button>
</div>
</div>
<script type="text/javascript">
function numFix_ts(n){
//if($("#div_adjust_name_3_1").is(":checked")){
$("#div_adjust_name_3_1").val(function(i, val) {
return val + n;
});
// };
}
</script>
Сам вопрос, как вводить в поле input на которое было нажато мышкой?
Я думал напишу if($("#div_adjust_name_3_1").is(":checked")) но после нажатия на кнопку выделение слетает.