javascript中复选框的oncheck侦听器答案

【问题标题】：oncheck listener for checkbox in javascriptjavascript中复选框的oncheck侦听器
【发布时间】：2015-10-20 17:48:19
【问题描述】：

我的表单底部有这样的代码。

<p>
  <input type="checkbox" id="agreed">
  I agree to keep my Username and Password confidential and uphold 
  the integrity of this pharmacy
</p>
<input type="submit" id="submit" disabled class="formbutton button-primary" value="Go">

我希望 JavaScript 中的这个监听器能够启用提交按钮。我知道这可能是错误的，但我的 JavaScript 看起来有点像这样

function track() {
    if ( document.getElementById("agreed").checked==true ) {
        document.getElementById("submit").removeAttribute("disabled");
    } else {
        document.getElementById("agreed").checked==false
    }
};

【问题讨论】：

制作一个 js fiddle 来展示你想要做什么
勾选后直接调用脚本怎么样？见stackoverflow.com/questions/3197702/…
肮脏的方式...<input type="checkbox" id="agreed" onChange="track()"> 并且您对 false 的分配需要一个 =，而不是 2...document.getElementById("agreed").checked=false
如果它有效，那么它没有错，如果你需要做很多检查，它可能很难维护。

标签： javascript html dom

【解决方案1】：

您可以对输入执行此操作：

<input type='checkbox' onchange='handleChange(this);'>Checkbox

这用于启用按钮：

function handleChange(checkbox) {
    if(checkbox.checked == true){
        document.getElementById("submit").removeAttribute("disabled");
    }else{
        document.getElementById("submit").setAttribute("disabled", "disabled");
   }
}

【讨论】：

嘿伙计，谢谢你的回答。这是我的第一个编码项目......我正在为朋友尝试这个项目。无论如何，谢谢它确实有效。

【解决方案2】：

使用 jQuery 在下面尝试满足您的要求。

$('#checky').click(function(){
     
    if($(this).attr('checked') == false){
         $('#postme').attr("disabled","disabled");   
    }
    else {
        $('#postme').removeAttr('disabled');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<input type="checkbox" checked="checked" id="checky"><a href="#">I agree to keep my Username and Password confidential and uphold 
  the integrity of this pharmacy</a>
<br>
<input type="submit" id="postme" value="submit">

使用JavaScript，请参考This

【讨论】：