我正在动态生成三组输入框的ID(自动增量)。因此,一组具有“inputbox1、inputbox2 等”等 ID,另一组具有“value1、value2 等”等 ID,第三组具有“result1、result2 等”
我在jquery中的基本功能是这样的:
$("#button").click(function() {
var inputbox1 = parseInt($('#inputbox1').val());
var value1 = parseInt($('#value1').val());
$("#result1").val(inputbox1 + value1);
});
我不知道会有多少个输入框,因为它们是动态生成的。那么我怎样才能对所有文本框应用相同的基本功能呢?我知道像这样的多个函数效率很低,而且可能不是正确的方法。
$("#button").click(function() {
var inputbox1 = parseInt($('#inputbox1').val());
var value1 = parseInt($('#value1').val());
$("#result1").val(inputbox1 + value1);
var inputbox2 = parseInt($('#inputbox2').val());
var value2 = parseInt($('#value2').val());
$("#result2").val(inputbox2 + value2);
});
最佳答案
$("#button").click(function() {
$('input[id="^inputbox"]').each( function(){
var inputbox = parseInt($(this).val());
var number = $(this).attr( "id" ).split ( "inputbox" )[ 1 ];
var value = parseInt($('#value' + number).val());
$("#result" + number).val(inputbox + value);
});
});
关于javascript - Jquery对多个ID应用单个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35155935/