javascript - onchange/onclick 函数不适用于复选框

Question

我试图通过checkbox和link触发onclick函数。这是Demo 效果很好。但是如果我通过在 checkbox 内写入 onclick/onchange 进行更改，则它不起作用。:

<input type="checkbox" id="mycheckbox" onclick="myChange();"/>

如果我这样调用那么它工作正常:

<input type="checkbox" id="mycheckbox">

document.getElementById('mycheckbox').onclick = function(){
 myChange();
};

不工作 :( 我只想在 Javascript 中工作。不是 Jquery 没有从 input 内部调用 myChange() 的原因是什么> 标签

Answer 1

在此处检查您更新后的代码是否有效。

    function myChange(){
    var temp = document.getElementById('mycheckbox');
    document.getElementById('container').style.display = temp.checked ? 'block' : 'none';
};



document.getElementById('loginlink').onclick = function(){
if (document.getElementById('mycheckbox').checked) {
     document.getElementById('mycheckbox').checked = false ;
     myChange();
} else {
document.getElementById('mycheckbox').checked = true ;
    myChange();
}
  
}
    

#container {
    display: none;
}

<div id="container">Check Box is Checked</div>
<br><br>
<label>
    <input type="checkbox" id="mycheckbox" onclick="myChange()"/>
    Show/hide
    <a href="javascript:void(0)" id="loginlink" >Click Me</a>

</label>

检查Fiddle.