禁用div中的所有表单元素

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

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

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

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

对于jquery 1.6+，请使用.prop()代替.attr()，

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

要么

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

    $(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);
        }
    }

简单地，这行代码将禁用所有输入元素

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

如何仅使用“禁用” 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>

只需通过在字段集中设置“禁用”，即可禁用该字段集中的所有字段。

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

我在各个地方都使用下面的函数。只要使用了正确的选择器，就可以在div或表中的按钮元素中使用。只是“：button”不会对我重新启用。

function ToggleMenuButtons(bActivate) {
    if (bActivate == true) {
        $("#SelectorId :input[type='button']").prop("disabled", true);
    } else {
        $("#SelectorId :input[type='button']").removeProp("disabled");
    }
}

以下操作将禁用所有输入，但不能将其输入btn类，并且还会添加类以覆盖禁用CSS。

$('#EditForm :input').not('.btn').attr("disabled", true).addClass('disabledClass');

CSS类

.disabledClass{
  background-color: rgb(235, 235, 228) !important;
}

对我来说，可以接受的答案不起作用，因为我有一些ASP网络隐藏字段也被禁用了，所以我只选择禁用可见字段

//just to save the list so we can enable fields later
var list = [];
$('#parent-selector').find(':input:visible:not([readonly][disabled]),button').each(function () {
    list.push('#' + this.id);
});

$(list.join(',')).attr('readonly', true);

使用CSS类防止编辑Div元素

CSS：

.divoverlay
{
position:absolute;
width:100%;
height:100%;
background-color:transparent;
z-index:1;
top:0;
}

JS：

$('#divName').append('<div class=divoverlay></div>');

或在HTML标记中添加类名称。这将阻止编辑Div元素。

仅文字类型

$(".form-edit-account :input[type=text]").attr("disabled", "disabled");

仅密码类型

$(".form-edit-account :input[type=password]").attr("disabled", "disabled");

仅限电子邮件类型

$(".form-edit-account :input[type=email]").attr("disabled", "disabled");