Lumpuhkan/dayakan elemen borang Menggunakan jQuery, anda boleh melumpuhkan elemen borang dengan mudah dengan menetapkan nilai atributnya yang dilumpuhkan kepada dilumpuhkan. Untuk melakukan ini, kami hanya memilih input dan menggunakan kaedah attr() untuk menetapkan atribut dilumpuhkan input kepada nilai dilumpuhkan. attr() 方法，将输入的禁用属性设置为禁用值。 (function ($) { $('#button') .attr('disabled', 'disabled'); })(jQuery); Salin selepas log masuk 要启用禁用的表单元素，我们只需使用 removeAttr() 删除禁用的属性，或使用 attr() 将禁用的属性值设置为空。 (function($){ $('#button').removeAttr('disabled'); // or // $('#button').attr('disabled', ''); })(jQuery); Salin selepas log masuk 如何确定表单元素是禁用还是启用 使用 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); Salin selepas log masuk 选择/清除单个复选框或单选按钮 您可以通过使用 attr() 将其 checked 属性设置为 true 来选择单选按钮输入或复选框。 (function($){ // Set all check boxes or radio buttons to selected $('input:checkbox,input:radio').attr('checked', 'checked'); })(jQuery); Salin selepas log masuk 要清除单选按钮输入或复选框，只需使用 removeAttr() 方法删除选中的属性或将 checked 属性值设置为空字符串即可。 (function($){ $('input').removeAttr('checked'); })(jQuery); Salin selepas log masuk 选择/清除多个复选框或单选按钮输入 您可以在多个复选框输入或单选按钮输入上使用 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); Salin selepas log masuk 注意：如果已选中复选框或单选按钮，则使用 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); Salin selepas log masuk 如何确定表单元素是否隐藏 您可以使用 :hidden 表单过滤器确定表单元素是否隐藏。检查下面的代码以了解 :checked 过滤器的几种用法。 (function ($) { // Alerts "true" alert($('input').is(':hidden')); // Or, added to wrapper set if hidden. Alerts "1" alert($('input:hidden').length); })(jQuery); Salin selepas log masuk 设置/获取输入元素的值 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); Salin selepas log masuk 设置/获取选择元素的选定选项 使用 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); Salin selepas log masuk 设置/获取多选元素的选定选项 使用 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); Salin selepas log masuk 设置/获取中包含的文本</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);
