Jquery循环遍历单个表单

时间:2012-05-24 15:00:48

标签: jquery

我正在尝试遍历我页面上的特定表单。我基本上想要在页面加载后对每个字段禁用或设置只读。

我想我可以为每个循环构建for,但是我不知道如何让它在页面上的表单中指定它,所以它不会触及我的标题中的输入等。

以下是我的表单的小版本:

<form id="account_information" class="stdform stdform2" method="post" action="">
    <p>
        <label>First Name</label>
        <span class="field">
            <input type="text" name="fname" id="firstname" class="smallinput" />
        </span>
    </p>
    <p>
        <label>Last Name</label>
        <span class="field">
            <input type="text" name="lname" id="lastname" class="smallinput" />
        </span>
    </p>
</form>

提前感谢您的帮助!

3 个答案:

答案 0 :(得分:3)

$(function() {

  $('form#account_information :input').prop('disabled', true).prop('readonly', true);

})

答案 1 :(得分:3)

这是一个选项:

$(function() {
    $("#account_information :input")
        .prop("disabled", true)     // To disable
        .prop("readonly", true);    // To set readonly
});

DEMO: http://jsfiddle.net/xdpC8/

答案 2 :(得分:2)

将所有输入设为禁用:

$(function() {
  $('#account_information :input').prop('disabled', true);
})

工作示例 - http://jsfiddle.net/9VAKB/