javascript - 禁用容器 div

Question

我有一个包含很多字段的巨大动态表单。如果缺少其中一个参数，我应该禁用所有字段（读取不可点击）。我想知道是否可以改为使用 jQuery/JavaScript 禁用容器 div？

Answer 1

尝试

$('#yourdiv').find(':input').prop('disabled', true);

而不是:input，您可以使用textarea, button, fieldset, input.

Answer 2

$('div#optionalid :input').prop('disabled',true);

将应用该disabled属性并将其分配给在指定<div>. 尽管您的选择含糊不清，但我相信这就是您想要的。

要提供更多控制，您可以根据该原始控件的值使其适用：

$('#originalInputId').on('change',function(e){
  $('#containerDivId :input').prop('disabled', $(this).val() == '');
});

Answer 3

您可以使用禁用 div 中的所有输入内容Jquery-

 if(your condition)
  {
  $('#yourDivId :input').attr('disabled', true);
  }
  else
  {
  $('#yourDivId :input').removeAttr('disabled');
  }

Answer 4

我认为这不适用于 a <div>，但您可以使用<fieldset>标签对输入进行分组，然后禁用完整的字段集。