JS点击事关于display显示隐藏问题，求助大神，各位大神们拜托了
<body<inputname="RadioGroup1"id="ok1"checked="checked"onclick="aCheck1()"/>A<inputtyp...
<body<input name="RadioGroup1" id="ok1" checked="checked" onclick="aCheck1()" /> A <input type="radio" name="RadioGroup1" value="ok2" id="ok2" onclick="bCheck2()" /> B......<span id="span1" style="display:block">我是A</span><span id="span2" style="display:none">我是B</span>.....<body/><script type="text/javascript">function aCheck1(){document.getElementById("span1").style.display="block";document.getElementById("span2").style.display="none"; } function bCheck2(){ document.getElementById("span1").style.display="none"; document.getElementById("span2").style.display="block"; }</script>想要实现点击到不同的输入框，旁边的提示框中文字变化，可是为啥这代码输入完全没反应呢？我是新手，求代码，感谢感谢
展开
1个回答
展开全部
//给你两个建议：1.换一个好用编译器，错误提醒会让你避免大部分的错误。
// 2.学会使用浏览器控制台，控制台的输出可以让你知道自己错在哪。
<body><!-- 这里的body没有右尖括号 -->
<!-- 这里的input 你是不是想用radio ，但是却没有声明type为radio -->
<input type="radio" name="RadioGroup1" id="ok1" checked="checked" onclick="aCheck1()" /> A
<input type="radio" name="RadioGroup1" value="ok2" id="ok2" onclick="bCheck2()" /> B
......
<span id="span1" style="display:block">我是A</span>
<span id="span2" style="display:none">我是B</span>
.....
<!-- script 通常应该放在body里面 -->
<script type="text/javascript">
function aCheck1(){
document.getElementById("span1").style.display="block";
document.getElementById("span2").style.display="none";
}
function bCheck2(){
document.getElementById("span1").style.display="none";
document.getElementById("span2").style.display="block";
}
</script>
<body/>
追问
请问大神，我改完了，然后点击第二个之后第一个的内容确实隐藏了，可是第二个的为什么显示不出来呢？还是隐藏的。。。
追答
我复制了你的代码：这我这里是没有问题的。你再调试下
还有一个body的闭合标签： 改为
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
