2012-05-24 136 views
0

我想循環通過我的頁面上的特定窗體。我基本上想要在頁面加載後禁用或設置每個字段的只讀。jquery通過一個表單循環

我想我可以構建每個循環,但我不知道如何使它在頁面上的表格中註明,以便它好好嘗試一下我的頭觸摸輸入等

這裏我的表單的一個小版本:

<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
$(function() { 

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

}) 
+0

如果你使用一個id,沒有指定'form'的要點。 – Andrew

+0

使用'[type = text]'不是最好的解決方案。 – VisioN

+0

謝謝大家對於非常快速和正確的答案,每個選項似乎都可以做到這一點 –

2

將所有輸入禁用:

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

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

3

這裏有一個選項:

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

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