如何使用jquery禁用表单元素

Question

我在页面上有多个表单元素，每个表单都有一个下一个按钮。我填写表格并点击下一步按钮滚动到下一个表格。我希望在用户点击下一个按钮后填写表单后，它应该禁用以前元素的所有元素。

我尝试了什么： 我为所有形式分配了独特的id并尝试了以下

$('form #firstFrm').find('input').attr('disabled','disabled');

但它没有做任何事情。

$("#firstFrm> input").attr("disabled", true);

但没有效果。

$("#firstFrm :input").attr("disabled", true);

为此而不是使用form firstFrm禁用id下的元素，它禁用所有形式的元素。

如何仅禁用特定形式的元素。

HTML代码

<form action="" method="post">      
    <fieldset class="sectionwrap">
        <legend style="padding-right: 425px;">User Details</legend>
        <fieldset class="column" style= "width: 500px;margin-top: 10px;">
            <div id="firstFrm">
                <table style="padding-right: 20px; float: left"> 
                    <tr>
                        <td id="targetTD">
                            Username : <input id="email" type="email" name="email"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password : <input id="password" name="password" type="password" class="text" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            password : <input id="confirmPassword" name="confirmPassword" type="password" class="text" />
                        </td>
                    </tr>
                </table>
            </div>
        </fieldset>

    </fieldset>
</form>

解

我在div下创建了form并将所有元素放在div中，而不是在form下禁用元素我在div下禁用了元素。这很好。

Answer 1

试试这个：

$( '#firstFrm input' ).attr ( 'disabled', true );

Answer 2

这会有点冗长但你可以尝试一下，一旦用户转到下一个输入类型，你可以使用它的id禁用上面的元素，即

{ $( '#input' ).attr ( 'disabled', true ); }

Answer 3

$('form #firstFrm')将寻找一个id="firstForm"的形式，它在另一个<form>元素内

<form>
    <div>
        <form id="firstForm"></form>
    </div>
</form>

$("#firstFrm > input")将只获得表格的直接<input/>儿童

<form>
    <input />     // this is matched
    <div>
        <input/>  // this is not matched
    </div>
</form>

要获得所有输入，请尝试以下方法：

$("input", $("#formId")).attr("disabled", true)

要么

$("#formId input").attr("disabled", true)