javascript - 当输入不为空时设置复选框被选中

Question

我有项目列表，当价格输入为空时，我需要将复选框选中的值设置为 true，否则为 false。

<td><input type="text" value="" class="name"></td>
<td><input type="text" value="" class="producer"></td>
<td><input type="text" value="" class="model"></td>
<td><input type="text" value="" class="dateOf"></td>
<td><input type="text" value="" class="color"></td>
<td><input type="text" value="" class="price"></td>

编辑:

<td><input type="checkbox" class="checkbox"></td>

还有我的 jquery 函数:

$(function() {
    $('.price').on('input', function() {
        if (!$('.price').val()) {
            $(this).closest('td').next().find('.checkbox').prop("checked", true);
        }else{
             $(this).closest('td').next().find('.checkbox').prop("checked", false);
        }

    });
});

问题是它只适用于第一个“价格”输入，如何让它适用于所有人？

Answer 1

使用this关键字

if (!$(this).val()) {

代替

if (!$('.price').val())

如果类 price 有多个输入，关键字 this 将处理您正在更改的特定输入 .price 的事件.