复制行并计算总计

时间:2014-05-03 03:22:31

标签: javascript php jquery

好的,所以我有一张桌子,我试图复制行并在输入价格和数量时计算总数。

我的表格行如下:

    <tr class="itemRow1">
        <td class="col-xs-2"><input class="form-control" name=
        "item_number[]" type="text" value=""></td>

        <td class="col-xs-2"><input class="form-control" name="item_name[]"
        type="text" value=""></td>

        <td class="col-xs-2"><input class="form-control" name=
        "item_description[]" type="text" value=""></td>

        <td class="col-xs-2"><input class="form-control price" name=
        "item_price[]" type="text" value=""></td>

        <td class="col-xs-2"><select class="form-control" name=
        "item_tax[]">
            <option value="1">
                Yes
            </option>

            <option value="0">
                No
            </option>
        </select></td>

        <td class="col-xs-1"><input class="form-control qty" name=
        "item_qty[]" type="text" value=""></td>

        <td class="col-xs-1"><input class="form-control total" disabled
        name="item_total[]" type="text" value=""></td>
    </tr>

然后我有重复的javascript,找到行中的输入并从上一个条目中清除它们。

<script type="text/javascript">
$("#newRow").click(function() {
    var count = $('#itemTable tbody tr').length + 1;
    $("#itemTable .itemRow1")
    .clone()
    .attr('class', 'itemRow'+ count)
    .appendTo("#itemTable")
    .find(':input')
    .val('')
});
</script>

这很好用,以下脚本是我遇到问题的代码。它应该是取qty字段并将其与qty field blur上的price字段相乘。

它第一次工作但是一旦你复制了行并尝试在该行上再次执行它,它就不会对第二行执行此操作。但是如果你在第一行改变某些东西,它也会在第二行改变。这不应该发生什么。

0 个答案:

没有答案