启用/禁用一个表单元素中的所有输入控件可以通过jQuery的prop()方法完成。
以下是实现此功能的步骤:
- 选中表单元素。
- 选择所有表单元素中的输入控件(input、select、textarea等)。
- 调用prop()方法,设置disabled属性值为true或false。
以下是两个示例说明:
- 禁用表单中所有输入控件:
// 选中表单元素
var $form = $('form');
// 选择所有输入控件
var $inputs = $form.find('input, select, textarea');
// 禁用所有输入控件
$inputs.prop('disabled', true);
- 启用表单中所有输入控件:
// 选中表单元素
var $form = $('form');
// 选择所有输入控件
var $inputs = $form.find('input, select, textarea');
// 启用所有输入控件
$inputs.prop('disabled', false);