Question

我想默认禁用输入，我有一个允许启用它们的复选框; 所以我的复选框代码是：

function toggleStatus() {
  if ($('#toggleElement').is(':checked')) {
    $('#elementsToOperateOn :input').attr('disabled', true);
  } 
  else {
    $('#elementsToOperateOn :input').removeAttr('disabled');
  }
}

并在onchange="toggleStatus()";的输入中调用它，但输入的默认状态已启用，我不想为每个输入添加disabled =“disabled”，如何使用jquery执行此操作？以及如何使其与现有的onchange一起工作？

Answer 1

$(function(){
    $('#elementsToOperateOn :input').prop('disabled', true);
});

在DOM准备就绪时禁用输入。

<强> O.K。更新后，答案更简单，只需触发onchange事件：

使用：

toggleStatus();

或

$('#toggleElement').change();

Answer 2

使用.prop代替.attr：

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

Answer 3

试试这个。

$(document).ready(function() {
    $('input, select').not('#toggleElement').attr('disabled', true);
});

Answer 4

让jquery在启动时浏览每个输入字段并添加禁用的属性

$(document).ready(function(){

    $('input').each(function(){

      $(this).attr("disabled", "disabled");

      });
    });

对于您的切换脚本，请使用类选择器

$('.elementsToOperatOn').each(function(){
  $(this).removeAttr('disabled');
});

默认情况下，使用jquery禁用输入

4 个答案: