单选按钮在单击时不执行JavaScript操作
单选按钮在单击时不执行JavaScript操作
提问于 2018-07-28 08:14:18
我正在尝试创建一个单选按钮来打开一个额外的复选框。当我运行代码时，复选框已经打开。我能做些什么来修复它？
<script>
function accountFunction() {
if (document.getElementById('yesSrm').checked) {
document.getElementById('acct').style.display = "inline";
} else {
document.getElementById('acct').style.display = "none";
}
</script>
<form>
<input id="yesSrm" name="yesSrm" type="radio" value="yes" onchange="accountFunction()" />SRM<br/>
<br/>
<div id="acct">
<label for="account">Account</label>
<input type="checkbox" name="account" id="account"><br/>
</div>
</form>
回答 1
Stack Overflow用户
发布于 2018-07-28 08:27:04
默认情况下，只需向acct块添加display:none即可将其隐藏
<script>
function accountFunction() {
if (document.getElementById('yesSrm').checked) {
document.getElementById('acct').style.display = "block";
} else {
document.getElementById('acct').style.display = "none";
}
}
</script>
<form>
<input id="yesSrm" name="yesSrm" type="radio" value="yes" onchange="accountFunction()" />SRM<br/>
<br/>
<div id="acct" style="display: none">
<label for="account">Account</label>
<input type="checkbox" name="account" id="account"><br/>
</div>
</form>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51566949
复制相关文章
相似问题
腾讯云开发者
