JS点击事关于display显示隐藏问题，求助大神，各位大神们拜托了
<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.换一个好用编译器，错误提醒会让你避免大部分的错误。
// 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/>追问
// 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的闭合标签： 改为
温馨提示：内容为网友见解，仅供参考
无其他回答
相似回答
