
禁用/启用表单元素
使用jQuery,您可以通过将表单元素的disabled属性值设置为disabled来轻松禁用表单元素。为此,我们只需选择一个输入,然后使用 attr() 方法,将输入的禁用属性设置为禁用值。
要启用禁用的表单元素,我们只需使用 removeAttr() 删除禁用的属性,或使用 attr() 将禁用的属性值设置为空。
如何确定表单元素是禁用还是启用
使用 jQuery 表单过滤器表达式 :disabled 或 :enabled, 可以很容易地选择和确定(布尔值)表单元素是否被禁用或启用。检查下面的代码以进行澄清。
立即学习“前端免费学习笔记(深入)”;
选择/清除单个复选框或单选按钮
您可以通过使用 attr() 将其 checked 属性设置为 true 来选择单选按钮输入或复选框。
要清除单选按钮输入或复选框,只需使用 removeAttr() 方法删除选中的属性或将 checked 属性值设置为空字符串即可。
选择/清除多个复选框或单选按钮输入
您可以在多个复选框输入或单选按钮输入上使用 jQuery 的 val() 将输入设置为选中。这是通过向 val() 方法传递一个数组来完成的,该数组包含与复选框输入或单选按钮输入值属性一致的字符串。
注意:如果已选中复选框或单选按钮,则使用 val() 将不会清除输入元素。
确定复选框或单选按钮是否被选中或清除
我们可以使用 :checked 表单过滤器来确定复选框输入或单选按钮输入是否被选中或清除。检查下面的代码以了解 :checked 过滤器的几种用法。
如何确定表单元素是否隐藏
您可以使用 :hidden 表单过滤器确定表单元素是否隐藏。检查下面的代码以了解 :checked 过滤器的几种用法。
设置/获取输入元素的值
val() 方法可用于设置和获取输入元素的属性值(按钮、复选框、隐藏、图像、密码、单选、重置、提交、文本)。下面,我在 val() 中设置每个输入的值,然后使用 val() 方法提醒该值。
设置/获取选择元素的选定选项
使用 val() 方法,您可以通过向 val() 方法传递一个表示分配给 元素的选定值> 元素。
要获取 元素的值,请再次使用 val() 方法来确定选择哪个选项。此场景中的 val() 方法将返回所选选项的属性值。
设置/获取多选元素的选定选项
使用 val() 方法,我们可以通过向 val() 方法传递一个包含相应值的数组来设置多选元素的选定值。
为了获取多选元素中的选定选项,我们再次使用 val() 方法来检索所选选项的数组。该数组将包含所选选项的值属性。
设置/获取
您可以通过向 val() 方法传递一个要用作文本的文本字符串来设置 元素的文本节点内容。为了获取 元素的值,我们再次使用 val() 方法来检索其中包含的文本。
设置/获取按钮元素的值属性
您可以通过向 val() 方法传递一个文本字符串来设置按钮元素的 value 属性。要获取按钮元素的值,请再次使用 val() 方法来检索文本。
编辑选择元素
jQuery 使一些与编辑选择元素相关的常见任务变得微不足道。以下是其中一些带有编码示例的任务。
// Add options to a select element at the end
$('select').append('');
// Add options to the start of a select element
$('select').prepend('');
// Replace all the options with new options
$('select').html('');
// Replace items at a certain index using the :eq() selecting filter to
// select the element, and then replace it with the .replaceWith() method
$('select option:eq(1)').replaceWith('');
// Set the select elements' selected option to index 2
$('select option:eq(2)').attr('selected', 'selected');
// Remove the last option from a select element
$('select option:last').remove();
// Select an option from a select element via its
// order in the wrapper set using custom filters
$('#select option:first');
$('#select option:last');
$('#select option:eq(3)');
$('#select option:gt(5)');
$('#select option:lt(3)');
$('#select option:not(:selected)');
// Get the text of the selected option(s), this will return the text of
// all options that are selected when dealing with a multi-select element
$('select option:selected').text();
// Get the value attribute value of an option in a select element
$('select option:last').val(); // Getting the :last option element
// Get the index (0 index) of the selected option.
// Note: Does not work with multi-select elements.
$('select option').index($('select option:selected'));
// Insert an option after a particular position
$('select option:eq(1)').after('');
// Insert an option before a particular position
$('select option:eq(3)').before('');
按类型选择表单元素
可以按类型选择表单元素,例如$('输入:复选框'). jQuery 提供以下表单类型过滤器,用于按类型选择表单元素。
:text:密码:radio:checkbox:提交:image:重置:file:button
选择所有表单元素
您可以使用 :input 表单过滤器选择所有表单元素。此过滤器不仅会选择输入元素,还会选择任何 、 或 元素。在下面的编码示例中,请注意使用 :input 过滤器时包装器集的长度。











