Question

我正试图通过checkbox和link触发onclick功能。这是 Demo ，效果很好。但如果我通过在onclick/onchange内写checkbox来进行更改，则无效。

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

如果我这样打电话就可以了：

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

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

不工作:(我只想在Javascript中工作。不是Jquery myChange()无法从input标记内部调用

的原因是什么

Answer 1

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

＆＃13;

    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();
}
  
}

＆＃13;

#container {
    display: none;
}

＆＃13;

<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>

＆＃13;

检查Fiddle.

javascript - onchange / onclick函数不能处理复选框

1 个答案: