HTML网页中单选和复选按钮组合使用 选择一个单选 其中几个复选按钮式隐藏的 可是复选按钮后面的字不能隐藏
代码如下，请问我改如何改？<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2...
代码如下，请问我改如何改？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加设备</title>
<script type="text/javascript">
function a() {
if (f.os[0].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="inline-block";
document.getElementById("c3").style.display="none";
}
if (f.os[1].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="none";
document.getElementById("c3").style.display="inline-block";
}
}
</script>
</head>
<body>
<br><br><br><br>
<form name="f">
<input type="radio" name="os" onclick="a()" >第一个单选按钮
<input type="radio" name="os" onclick="a()" >第二个单选按钮
<br><br>
<input type="checkbox" id="c1" value="c1" ><label for="c1">第一个复选按钮</label>
<input type="checkbox" id="c2" value="c2" ><label for="c2">第二个复选按钮</label>
<input type="checkbox" id="c3" value="c3" ><label for="c3">第三个复选按钮</label>
</form>
</body>
</html>
MESEAL 不是您说的那种效果 您说的那种效果 点击隐藏的话 只隐藏了一 二 三前面的复选框 而我的意思是不但隐藏复选框 连 一 二 三 文字也要隐藏 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加设备</title>
<script type="text/javascript">
function a() {
if (f.os[0].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="inline-block";
document.getElementById("c3").style.display="none";
}
if (f.os[1].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="none";
document.getElementById("c3").style.display="inline-block";
}
}
</script>
</head>
<body>
<br><br><br><br>
<form name="f">
<input type="radio" name="os" onclick="a()" >第一个单选按钮
<input type="radio" name="os" onclick="a()" >第二个单选按钮
<br><br>
<input type="checkbox" id="c1" value="c1" ><label for="c1">第一个复选按钮</label>
<input type="checkbox" id="c2" value="c2" ><label for="c2">第二个复选按钮</label>
<input type="checkbox" id="c3" value="c3" ><label for="c3">第三个复选按钮</label>
</form>
</body>
</html>
MESEAL 不是您说的那种效果 您说的那种效果 点击隐藏的话 只隐藏了一 二 三前面的复选框 而我的意思是不但隐藏复选框 连 一 二 三 文字也要隐藏 展开
2个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加设备</title>
<script type="text/javascript">
function a() {
if (f.os[0].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="inline-block";
document.getElementById("c3").style.display="none";
}
if (f.os[1].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="none";
document.getElementById("c3").style.display="inline-block";
}
}
</script>
</head>
<body>
<br><br><br><br>
<form name="f">
<input type="radio" name="os" onclick="a()" >第一个单选按钮
<input type="radio" name="os" onclick="a()" >第二个单选按钮
<br><br>
<label for="c1" id="c1"><input type="checkbox" value="c1" >第一个复选按钮</label>
<label for="c2" id="c2"><input type="checkbox" value="c2" >第二个复选按钮</label>
<label for="c3" id="c3"><input type="checkbox" value="c3" >第三个复选按钮</label>
</form>
</body>
</html>
是这意思吧
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加设备</title>
<script type="text/javascript">
function a() {
if (f.os[0].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="inline-block";
document.getElementById("c3").style.display="none";
}
if (f.os[1].checked == true) {
document.getElementById("c1").style.display="inline-block";
document.getElementById("c2").style.display="none";
document.getElementById("c3").style.display="inline-block";
}
}
</script>
</head>
<body>
<br><br><br><br>
<form name="f">
<input type="radio" name="os" onclick="a()" >第一个单选按钮
<input type="radio" name="os" onclick="a()" >第二个单选按钮
<br><br>
<label for="c1" id="c1"><input type="checkbox" value="c1" >第一个复选按钮</label>
<label for="c2" id="c2"><input type="checkbox" value="c2" >第二个复选按钮</label>
<label for="c3" id="c3"><input type="checkbox" value="c3" >第三个复选按钮</label>
</form>
</body>
</html>
是这意思吧
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加设备</title>
<script type="text/javascript">
function set_checkbox_display( elem_id,display_val ){
elem = document.getElementById(elem_id);
checkbox_elem_list = elem.getElementsByTagName("input");
for ( i=0;i<checkbox_elem_list.length;i++ )
{
checkbox_elem_list[i].style.display = display_val;
}
}
</script>
</head>
<body>
<br><br><br><br>
<form name="f">
<input type="radio" name="os" onclick="set_checkbox_display( 'checkbox_box','none' )" >隐藏
<input type="radio" name="os" onclick="set_checkbox_display( 'checkbox_box','' )" >显示
<br><br>
<div id="checkbox_box">
<input type="checkbox" id="c1" value="c1" ><label for="c1">一</label>
<input type="checkbox" id="c2" value="c2" ><label for="c2">二</label>
<input type="checkbox" id="c3" value="c3" ><label for="c3">三</label>
</div>
</form>
</body>
</html>
我没听懂你的意思噢，要不你试试看这些源码是不是你想要的效果 ？
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加设备</title>
<script type="text/javascript">
function set_checkbox_display( elem_id,display_val ){
elem = document.getElementById(elem_id);
checkbox_elem_list = elem.getElementsByTagName("input");
for ( i=0;i<checkbox_elem_list.length;i++ )
{
checkbox_elem_list[i].style.display = display_val;
}
}
</script>
</head>
<body>
<br><br><br><br>
<form name="f">
<input type="radio" name="os" onclick="set_checkbox_display( 'checkbox_box','none' )" >隐藏
<input type="radio" name="os" onclick="set_checkbox_display( 'checkbox_box','' )" >显示
<br><br>
<div id="checkbox_box">
<input type="checkbox" id="c1" value="c1" ><label for="c1">一</label>
<input type="checkbox" id="c2" value="c2" ><label for="c2">二</label>
<input type="checkbox" id="c3" value="c3" ><label for="c3">三</label>
</div>
</form>
</body>
</html>
我没听懂你的意思噢，要不你试试看这些源码是不是你想要的效果 ？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
