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

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[]>设置required attribute，仅当附带的名称字段不为空时。我不确定如何在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)
        }
        });
})
})

如果填写了“名称”的右侧字段，则我们在左侧字段中设置required属性。