Question

我有很多

<input type="text" name="price[]" value="100">
<input type="text" name="price[]" value="50">
<input type="text" name="price[]" value="10">
<input type="text" name="price[]" value="90">

我还有一个输入字段

<input type="text" name="Add" value="">

我想要

每个price []输入字段旁边都有自己的加法按钮，它将从特定价格[]输入字段中获取值
将添加输入字段中的值添加到其中
最后更新特定价格[]输入字段的值

我该怎么做？

Answer 1

迭代价格[] - 用于向其添加按钮的框，并将价格从[]设置为按钮，就像这样做

<input type="text" name="price[]" value="100">
<input type="text" name="price[]" value="50">
<input type="text" name="price[]" value="10">
<input type="text" name="price[]" value="90">

<script type="text/javascript">
$(document).ready(function() {
    $('input[name="price[]"]').each(function(i) {
        $(this).after('<button class="additionButton" price="'+$(this).val()+'">'+$(this).val()+'</button>');
    });
    //click
    $(".additionButton").on('click',function() {
        //original price, set on load
        alert($(this).attr('price'));
        //price in the input-field before the button (could be changed, think this is the idea)
        alert($(this).prev('input').val());
    });
});
</script>

其余的，我不确定你的意思，“添加”没有价值，你真的想要某种计算？但试试自己，这至少是迭代。

使用相同名称定位多个输入字段

1 个答案: