我正在尝试使用javascript创建一个函数,该函数将根据我的复选框的状态(是否选中)在我的注册表中隐藏/显示特定的div。这是我的功能:
function doruc() {
var elem = document.getElementById('powermail_fieldwrap_331');
if (document.getElementById ('powermail_field_doruovaciaadresa2_1').checked) {
elem.display='block';
} else {elem.display:none;}
}
这是行不通的。我正在检查和取消选中我的复选框,但是什么也没有发生。还有件事儿。我希望将该div初始化为隐藏。我应该把我的CSS吗?:
#powermail_fieldwrap_331{
display:none;
}
我将不胜感激任何建议。
你可以用
var elem = document.getElementById('powermail_fieldwrap_331');
document.getElementById('powermail_field_doruovaciaadresa2_1').onchange = function() {
elem.style.display = this.checked ? 'block' : 'none';
};
如果要默认隐藏它,可以使用#powermail_fieldwrap_331{display:none;}
。但是,如果您想确定的话,请更好地使用
var elem = document.getElementById('powermail_fieldwrap_331'),
checkBox = document.getElementById('powermail_field_doruovaciaadresa2_1');
checkBox.checked = false;
checkBox.onchange = function doruc() {
elem.style.display = this.checked ? 'block' : 'none';
};
checkBox.onchange();
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句