在按钮单击时禁用模态输入

Question

我想在单击“编辑”按钮时禁用模式输入。 我正在尝试这样的事情：

function DisableFields() {
  $("input").attr('disabled', 'disabled');
}

function EditFields() {
  if ($("input").attr('disabled', 'disabled')) {
    $("input").removeAttr('disabled');
  } else {
    $("input").attr('disabled', 'disabled');
  }
}

<main class="main" onload="DisableFields();">
  <input class="formInput" type="text" value="Doritos">
  <button type="button" onclick="EditFields();">Edit</button>
</main>

Answer 1

$(document).ready(function () {
        DisableFields();
    })

    function DisableFields() {
        $("input").attr('disabled', 'disabled');
    }

    function EditFields() {
        if ($("input").attr('disabled') == 'disabled') {
            $("input").removeAttr('disabled');
        } else {
            $("input").attr('disabled', 'disabled');
        }
    }

html标记“ main”不支持“ onload”事件。