我是新手,我正在动态创建输入,我想在其中将输入的数字相乘,并将结果添加到单独的输入中。
这是我的输入创建代码:
<div class="inputs"></div>
<button type="button" id="agregar">AGREGAR</button><br><br>
Total:<input id="total" type="text" readonly>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$("#agregar").click(function(){
var cont = $(".numb").length;
var index = cont + 1;
var add = "<div><input class='numb' id='nn_"+index+"'> X <input id='mm_"+index+"'> = <input id='resultado_"+index+"' readonly></div>";
$(".inputs").append(add);
});
</script>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
var cont = $(".numb").length;
var index = cont + 1;
var add = "<div><input id='nn_"+index+"'> X <input id='mm_"+index+"'> = <input id='resultado_"+index+"' readonly></div>";
$(".inputs").append(add);
</script>
</body>
</html>
如图所示,我希望在每个nn和mm输入中输入数字时,将这些值相乘,并将结果输出到它们各自的输入结果中,并且当我这样做时,将相乘的结果相加并在输入中输出全部的
我怎样才能做到这一点?
我会很感激你的帮助。
利用您为 each 定义的索引这一事实
input
,一个简单的选择是在onblur
每次input
调用时添加一个函数来计算乘法和总和:或者你可以用 onkeypress 事件来做。我会让你喜欢的:)