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

我正在尝试制作一个简单的脚本，该脚本允许用户一旦检查"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
    });

最佳答案

尝试这个

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