单选按钮+复选框组合
[英]Radio buttons + checkbox combinations
问题描述
目的是我有一对单选按钮，每对单选按钮都插入一个带有博客文章的div中。 IE的每个帖子都可以被点赞（关闭）。 然后，复选标记用作所有喜欢/不喜欢帖子的方式的通用开关。 下面的代码只是一个原型，但是我确实想添加第二个复选框，使用户可以隐藏所有喜欢的东西，隐藏所有不喜欢的东西，隐藏两者（以查看尚未决定的对象）或不隐藏。
在下面的代码中，我无法使复选框独立于单选按钮运行。 实际上，选中此复选框会将单选按钮切换为“开”。 我希望单选按钮保留在用户想要的位置，并且在选中此框时，只有IF单选打开时，隐藏消息才会显示。 如果收音机关闭，则选中该框将不会有任何结果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-NZ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unhide on checkboxes/radio buttons</title>
<script type="text/javascript">
function toggleLayer(val)
{
if(val == 'on' || val === true)
{
document.getElementById('a1').checked = true;
document.getElementById('layer1').style.display = 'block';
}
else if(val == 'off' || val === false)
{
document.getElementById('a2').checked = true;
document.getElementById('layer1').style.display = 'none';
}
}
</script>
</head>
<body>
<form action="" method="post">
<fieldset>
<legend>Unhide Layer Form</legend>
<ul>
<li><label for="a1">On</label> <input id="a1" name="switcher" type="radio" value="off" checked="checked" onclick="toggleLayer(this.checked);" /> <label for="a2">Off</label> <input id="a2" name="switcher" type="radio" value="off" onclick="toggleLayer(!this.checked);" /></li>
<li><label for="b1">Check Me:</label> <input id="b1" name="b1" type="checkbox" value="off" checked="checked" onclick="toggleLayer(this.checked);" /></li>
</ul>
</fieldset>
</form>
<div id="layer1">You can now see this.</div>
</body>
</html>
因此，有人可以帮我修改此代码以：
- 添加第二个复选框
- 让第一个复选框隐藏打开收音机的所有div
- 让第二个复选框隐藏收音机关闭的所有div
- 让无线电选择记住他们的位置，以便当用户返回时可以调出他的设置。
1 个解决方案
解决方案1
-1 已采纳 2011-08-25 19:35:41
首先，您应该意识到强烈建议使用框架。 例如。 看一下jQuery。 示例：您可以开始用$（字符）替换“ document.getElementById”。 这使您可以专注于解决问题，而不是如何解决（夹心关键字，浏览器支持等）。
复选框来控制单选按钮
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.