javascript - 选中复选框时启用按钮

Question

我正在尝试制作一个简单的脚本，允许一旦用户检查 "termsChkbx"输入字段，然后按钮 "submit" 应该被启用，但它确实不是。我什至尝试在 if 语句中放置一个警报函数，该函数一旦被点击就会起作用，但当我尝试将 btn.disabled = false; 放入其中时却不起作用。我是 JavaScript 的新手，如果你能帮助我，我将不胜感激

HTML

<form>
<section id="makeBooking">
<p style="color: #FF0000; font-weight: bold;" id='termsText'>I have read and agree to the terms and conditions
            <input type="checkbox" name="termsChkbx"></p>

            <p><input type="submit" name="submit" value="Book now!" disabled></p>
        </section>
</form

JavaScript

 window.addEventListener('load', function() {
        'use strict';

          const termsChkbx =  document.querySelector('[name="termsChkbx"]')
        termsChkbx.onclick = function(){

        const btn = document.querySelector("[name='submit']");

            if (termsChkbx.checked) {
                btn.disabled =false;
            }//if
            else {
                btn.disabled = true;
            }//else
        }//onclick
    });

Answer 1

试试这个

JSFiddle

var checkbox = document.querySelector("input[name=termsChkbx]");
var btn = document.querySelector("input[name=submit]");

checkbox.addEventListener( 'change', function() {
    if(this.checked) {
        btn.disabled = false;
    } else {
        btn.disabled = true;
    }
});

来源:stackOverflow