Question

我有一个表格，其中包含表格行中的输入字段。例如：

<table>
    <tr>
        <td><input type="text" id="input1[1]" name="input1[1]" /></td><td><input type="text" id="input2[1]" name="input2[1]" /></td>
    </tr>
    <tr>
        <td><input type="text" id="input1[2]" name="input1[2]" /></td><td><input type="text" id="input2[2]" name="input2[2]" /></td>
    </tr>
</table>

如果我们在input1中更改或输入任何值，那么它必须同样禁用该行的input2的相应元素，如果我们在input2中输入任何值，它必须禁用该行的input1元素。

有人可以帮我解决这个问题。谢谢。

修改谢谢你的回答。我们是否可以基于此条件使其他字段不会禁用某些值。

Answer 1

当将值添加到输入

时，这将禁用同一行中的其他输入

$('td input').on('input', function() {
    $(this).closest('tr').find('input').not(this).prop('disabled', this.value.length)
});

FIDDLE

Jquery根据焦点或表中当前字段的更改禁用另一个输入字段

1 个答案: