我试图通过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()
的原因是什么> 标签
最佳答案
在此处检查您更新后的代码是否有效。
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 函数不适用于复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29624448/