javascript - 在 PHP 中单击复选框时如何禁用输入？

Question

我想在单击匿名复选框时禁用输入。首选 PHP 方法。我正在寻找它来立即禁用输入。如果需要 Javascript，我也可以接受。

我的尝试:

<form action="#form" method="post" id="form">
                  <div class="form-group">
                    <label for="name">Name:</label>
                    <input type="text" class="form-control" id="name" name="name" id="dis">
                  </div>
                  <div class="form-group">
                    <label for="email">Email:</label>
                    <input type="email" class="form-control" id="email" name="email" required>
                  </div>
                  <div class="checkbox">
                    <label><input type="checkbox" name="check">Anonymous</label>
                  </div>
                  <div class="form-group">
                    <label for="txta">Your Idea</label>
                    <textarea class="form-control" id="txta" rows="3" name="bright" required></textarea>
                  </div>
                  <button type="submit" class="btn btn-default final" style="border-radius:5px;" name="submit">Submit</button>
              </form>

Answer 1

PHP 是一种后端语言，因此，您无法在用户交互时控制 UI 元素，PHP 脚本在加载时在后台运行 - 或者如果您使用 AJAX 方法，则在请求时运行。

所以，最好的方法是使用 Javascript。 Javascript 是一个前端(也是一个后端)，它允许您在用户端响应用户的操作。它的许多功能都是基于事件的，并且非常适合此类工作。

让我们开始吧，好吗？首先向复选框添加 id 值，然后您可以将其用于您的应用程序。

function disableName() {
  document.getElementById("name").disabled = document.getElementById("anon").checked;
}

<div class="form-group">
    <label for="name">Name:</label>
    <input type="text" class="form-control" id="name" name="name">
</div>

<div class="checkbox">
    <label><input type="checkbox" name="check" id="anon" onclick="disableName()">Anonymous</label>
</div>

该代码将获取anon复选框，并且name文本字段然后禁用name(如果anon)已选中。

这是 Javascript Vanilla；没有您需要查看的外部库。