禁用div中的所有表单元素

Question

有没有办法通过只告诉jquery/javascript中的父div名称来禁用表单中的所有字段(textarea/textfield/option/input/checkbox/submit等)？

Answer 1

尝试使用:input选择器以及父选择器:

$("#parent-selector :input").attr("disabled", true);

Answer 2

$('#mydiv').find('input, textarea, button, select').attr('disabled','disabled');

Answer 3

对于jquery 1.6+,使用.prop()而不是.attr(),

$("#parent-selector :input").prop("disabled", true);

要么

$("#parent-selector :input").attr("disabled", "disabled");

Answer 4

    $(document).ready(function () {
        $('#chkDisableEnableElements').change(function () {
            if ($('#chkDisableEnableElements').is(':checked')) {
                enableElements($('#divDifferentElements').children());
            }
            else {
                disableElements($('#divDifferentElements').children());
            }
        });
    });

    function disableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = true;

            disableElements(el[i].children);
        }
    }

    function enableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = false;

            enableElements(el[i].children);
        }
    }

Answer 5

只需这行代码将禁用所有输入元素

$('#yourdiv *').prop('disabled', true);

Answer 6

如何仅使用 HTML 属性“禁用”来实现这一点

<form>
 <fieldset disabled>
  <div class="row">
   <input type="text" placeholder="">
   <textarea></textarea>
   <select></select>
  </div>
  <div class="pull-right">
    <button class="button-primary btn-sm" type="submit">Submit</button>
  </div>
 </fieldset>
</form>

只需将 disabled 放在 fieldset 中，该 fieldset 内的所有字段都会被禁用。

$('fieldset').attr('disabled', 'disabled');