如何使用javascript中的函数应用复选框?
未选中复选框时如何隐藏具有特定标签的帖子/对象?
我只需要知道如何设置在打开页面时自动检查复选框的功能以及如何隐藏带有特定标签的帖子/对象的复选框。申请是否正确--
display:none
or--
.structural {
position:absolute;
left:-9999px;
}
——我在研究过程中发现的?
考虑到我缺乏技能,这是我所能做到的:
<input
type="checkbox"
name="mycheckbox"
value="yes"
onclick=" CheckboxChecked(this.checked,'checkboxdiv')"
</div>
</div>
<script type="text/javascript">
CheckboxChecked(document.myform.mycheckbox.checked,'checkboxdiv');
</script>
如果我正确理解您的问题,那么您正在尝试在选中/取消选中复选框时隐藏/显示一组元素。这应该足以让你继续:
http://jsfiddle.net/HsCVq/ http://jsfiddle.net/HsCVq/
HTML:
<div class="hideWhenChecked">hide text</div>
<div>dont hide text</div>
<div class="hideWhenChecked">hide text</div>
<div>dont hide text</div>
<br />
<input type="checkbox" id="myCheckBox" />
JavaScript:
document.getElementById('myCheckBox').addEventListener('click', function () {
var checked = this.checked;
var elementsToHide = document.getElementsByClassName('hideWhenChecked');
if (checked) {
// hide each element
} else {
// show each element
}
});
我建议研究 jQuery 等 javascript 框架,以使此代码更加简单。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)