javascript

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 myChange() 没有被调用的原因是什么在 input 标签内

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.

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

javascript - onchange/onclick function not working on checkbox

html

checkbox