停用/啟用表單元素 使用jQuery，您可以透過將表單元素的disabled屬性值設為disabled來輕鬆停用表單元素。為此，我們只需選擇一個輸入，然後使用 attr() 方法，將輸入的停用屬性設為停用值。 # (function ($) { $('#button') .attr('disabled', 'disabled'); })(jQuery); 登入後複製 要啟用停用的表單元素，我們只需使用 removeAttr() 刪除已停用的屬性，或使用 attr() 將停用的屬性值設為空。 (function($){ $('#button').removeAttr('disabled'); // or // $('#button').attr('disabled', ''); })(jQuery); 登入後複製 如何確定表單元素是停用還是啟用 使用 jQuery 表單篩選器運算式 :disabled 或 :enabled, 可以輕鬆選擇並確定（布林值）表單元素是否已停用或啟用。檢查下面的程式碼以進行澄清。 (function ($) { // Is it enabled? alert($('#button1').is(':enabled')); // Alerts true // Or, using a filter alert($('#button1:enabled').length); // Alerts "1" // Is it disabled? alert($('#button2').is(':disabled')); // Alerts "true" // Or, using a filter alert($('#button2:disabled').length); // Alerts "1" })(jQuery); 登入後複製 選擇/清除單一複選框或單選按鈕 您可以透過使用 attr() 將其 checked 屬性設為 true 來選擇單選按鈕輸入或複選框。 (function($){ // Set all check boxes or radio buttons to selected $('input:checkbox,input:radio').attr('checked', 'checked'); })(jQuery); 登入後複製 要清除單選按鈕輸入或複選框，只需使用 removeAttr() 方法刪除選取的屬性或將 checked 屬性值設為空字串即可。 (function($){ $('input').removeAttr('checked'); })(jQuery); 登入後複製 選擇/清除多個複選框或單選按鈕輸入 您可以在多個複選框輸入或單選按鈕輸入上使用 jQuery 的 val() 將輸入設定為選取。這是透過向 val() 方法傳遞一個陣列來完成的，該陣列包含與複選框輸入或單選按鈕輸入值屬性一致的字串。 (function($){ // Check all radio and check box inputs on the page. $('input:radio,input:checkbox').val(['radio1', 'radio2', 'checkbox1', 'checkbox2']); // Use explicit iteration to clear. // $('input:radio,input:checkbox').removeAttr('checked'); // or // $('input:radio,input:checkbox').attr('checked', ''); })(jQuery); 登入後複製 注意：如果已選取核取方塊或單選按鈕，則使用 val() 將不會清除輸入元素。 確定複選框或單選按鈕是否被選取或清除 我們可以使用 :checked 表單篩選器來決定複選框輸入或單選按鈕輸入是否已選取或清除。檢查下面的程式碼以了解 :checked 過濾器的幾種用法。 (function($){ // Alerts "true" alert($('input:checkbox').is(':checked')); // Or, added to wrapper set if checked. Alerts "1" alert($('input:checkbox:checked').length); // Alerts "true" alert($('input:radio').is(':checked')); // Or, added to wrapper set if checked. Alerts "1" alert($('input:radio:checked').length); })(jQuery); 登入後複製 如何確定表單元素是否隱藏 您可以使用 :hidden 表單篩選器來確定表單元素是否隱藏。檢查下面的程式碼以了解 :checked 過濾器的幾種用法。 (function ($) { // Alerts "true" alert($('input').is(':hidden')); // Or, added to wrapper set if hidden. Alerts "1" alert($('input:hidden').length); })(jQuery); 登入後複製 設定/取得輸入元素的值 val() 方法可用來設定和取得輸入元素的屬性值（按鈕、複選框、隱藏、圖像、密碼、單選、重設、提交、文字）。下面，我在 val() 中設定每個輸入的值，然後使用 val() 方法提醒該值。 (function ($) { $('input:button').val('I am a button'); $('input:checkbox').val('I am a check box'); $('input:hidden').val('I am a hidden input'); $('input:image').val('I am an image'); $('input:password').val('I am a password'); $('input:radio').val('I am a radio'); $('input:reset').val('I am a reset'); $('input:submit').val('I am a submit'); $('input:text').val('I am a text'); // Alerts input's value attribute alert($('input:button').val()); alert($('input:checkbox').val()); alert($('input:hidden').val()); alert($('input:image').val()); alert($('input:password').val()); alert($('input:radio').val()); alert($('input:reset').val()); alert($('input:submit').val()); alert($('input:text').val()); })(jQuery); 登入後複製 設定/取得選擇元素的選定選項 使用val() 方法，您可以透過向val() 方法傳遞一個表示指派給 元素的選定值> 元素。 要取得 元素的值，請再次使用 val() 方法來決定選擇哪個選項。此場景中的 val() 方法將傳回所選選項的屬性值。 option one option two (function ($) { // Set the selected option in the select element to "option two" $('select').val('option2'); // Alerts "option2" alert($('select').val()); })(jQuery); 登入後複製 設定/取得多選元素的選定選項 使用 val() 方法，我們可以透過向 val() 方法傳遞一個包含對應值的陣列來設定多選元素的選定值。 為了取得多選元素中的選定選項，我們再次使用 val() 方法來擷取所選選項的陣列。此數組將包含所選選項的值屬性。 option one option two option three option four (function($){ // Set the value of the selected options $('select').val(['option2', 'option4']); // Get the selected values alert($('select').val().join(', ')); // Alerts, "option2, option4" })(jQuery); 登入後複製 設定/取得中包含的文字</h2> <p>您可以透過向 <code>val()</code> 方法傳遞一個要用作文字的文字字串來設定 <code><textarea></code> 元素的文字節點內容。為了取得 <code><textarea></code> 元素的值，我們再次使用 <code>val()</code> 方法來檢索其中包含的文字。 </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'> <!DOCTYPE html> <html lang="en"> <body> <textarea> (function ($) { // Set the text contained within $('textarea').val('I am a textarea'); // Alerts "I am a textarea" alert($('textarea').val()); })(jQuery);
