- 已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。
这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
2小时前关门了。
Improve this question
我有两个单选按钮。我想这样做,当我点击一个,一个按钮与ID为"playMorseCode"
是不可见的,但当我按下另一个它变得可见,由于某种原因,当我按下按钮,应该隐藏它,有一个延迟。但按钮,显示它使它立即可见。可能只是一个浏览器的问题,我用Firefox,如果这有助于任何。
我尝试使用onclick
和javascript来更改CSS,但如上所述,它没有按预期工作。
<form>
<input type="radio" id="engToMor" name="typeOfTrans" onclick="getElementById('playMorseCode').style.visibility = 'visible'" value="English → Morse Code">
<label for="engToMor">English → Morse Code</label><br>
<input type="radio" id="morToEng" name="typeOfTrans" onclick="getElementById('playMorseCode').style.visibility = 'hidden'" value="Morse Code → English">
<label for="morToEng">Morse Code → English</label><br>
</form>
<button onclick="playMorseCode()" id="playMorseCode">
<img width="20px" height="auto" src="https://freesvg.org/img/minimal-speaker-icon-2.png">
Play as Sound
</button>
1条答案
按热度按时间shstlldc1#
检查你的csscode.it在设置过渡时可能是一个错误。
如果不需要使用过渡和动画,可以在本例中为playMorseCode元素使用
display: none;
和display: block
。