禁用容器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>内找到的所有输入字段中将其指定为true。虽然你的选择很模糊，但我相信这就是你想要的。

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

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

Answer 3

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

Answer 4

您可以使用Jquery -

禁用div中的所有输入内容

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