javascript - 如果填写了另一个输入字段，如何依赖输入字段？

Question

我有一个像这样的表格：

<form>
<ol>
<li>
<input class=identities name=ids[]>
<input class=names name=names[]>
</li>
<li>
<input class=identities name=ids[]>
<input class=names name=names[]>
</li>
</ol>
<input type=submit>
</form>

而且我希望<input class=identities name=ids[]>设置必需的属性，前提是随附的名称字段不为空。我不确定如何用 Javascript 来表达这一点。

Answer 1

像这样使用Jquery解决：

$(document).ready(function() {
    $("#submit").on("click", function() {
        $("li").each(function() {
            if ($(this).find('.names').val()) {
                $(this).find('.identities').attr('required', true)
            } else {
                $(this).find('.identities').attr('required', false)
        }
        });
})
})

如果右侧的字段名为“names”被填写，那么我们required在左侧字段上设置属性。