Question

我在单独的p标签中有4个输入框.p标签在具有ID的div中。现在，当我单击“取消”按钮时，除了一个处于禁用模式的输入框值外，其他三个输入框值都应清除。

我尝试写

    $('#edit-login :input').each(function () {
        id = this.id;
        console.log("#" + id);
        console.log(this.value);
        $(this).val('');
    });

但是它清除的输入框值也被禁用。

Answer 1

只需检查是否已禁用。而且不要继续输入。

$('#edit-login :input').each(function () {
    // If it's disabled, come out.
    if ($(this).prop("disabled"))
        return false;

    id = this.id;
    console.log("#" + id);
    console.log(this.value);
    $(this).val('');
});

Answer 2

您只需要清理CSS选择器即可。您可以结合：not和：disable来获得结果。

$('#edit-login input:not(:disabled)').val('')

<div id="edit-login">
  <p>
    <input type="text" value="stuff">
    <input type="text" value="stuff" >
    <input type="text" value="stuff" >
    <input type="text" value="stuff" disabled>
  </p>
</div

来自div中启用的输入字段的空数据

2 个答案: