求大神指教JS通过单选框控制DIV元素的显示与隐藏的写法!
进入此页面时单选框默认勾选“工作日”,此时1区域显示2区域隐藏,勾选“休息日”时1区域隐藏,2区域显示。只要选前一个就显示1隐藏2,选后面一个就隐藏1显示2!跪求大神指教...
进入此页面时单选框默认勾选“工作日”,此时1区域显示2区域隐藏,勾选“休息日”时1区域隐藏,2区域显示。只要选前一个就显示1隐藏2,选后面一个就隐藏1显示2!跪求大神指教,在线等,急!
展开
展开全部
我这样测试是可以的。不知道你为什么不行
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function onClick(){
document.getElementById("div").style.display="none";
}
</script>
</head>
<body>
<input type="radio" name="sex" id="male" value="male" checked onclick="onClick();">Male
<div id="div">
<input type="radio" name="sex" value="female">Female
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function onClick(){
document.getElementById("div").style.display="none";
}
</script>
</head>
<body>
<input type="radio" name="sex" id="male" value="male" checked onclick="onClick();">Male
<div id="div">
<input type="radio" name="sex" value="female">Female
</div>
</body>
</html>
追问
你这种我也知道可以,但是我还用了angularJS,是不是这两种混到一起用就会冲突导致不能一起使用呢?请问你知道angularJS通过单选框控制显示隐藏怎么做么?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询