如何用jQuery启用/禁用一个表单元素中的所有输入控件

  • Post category:jquery

启用/禁用一个表单元素中的所有输入控件可以通过jQuery的prop()方法完成。

以下是实现此功能的步骤:

  1. 选中表单元素。
  2. 选择所有表单元素中的输入控件(input、select、textarea等)。
  3. 调用prop()方法,设置disabled属性值为true或false。

以下是两个示例说明:

  1. 禁用表单中所有输入控件:
// 选中表单元素
var $form = $('form');

// 选择所有输入控件
var $inputs = $form.find('input, select, textarea');

// 禁用所有输入控件
$inputs.prop('disabled', true);
  1. 启用表单中所有输入控件:
// 选中表单元素
var $form = $('form');

// 选择所有输入控件
var $inputs = $form.find('input, select, textarea');

// 启用所有输入控件
$inputs.prop('disabled', false);