Javascript 功能赢得'；t显示块_Javascript_Html

Javascript 功能赢得'；t显示块

javascript html

Javascript 功能赢得'；t显示块,javascript,html,Javascript,Html,我正在学习javascript，我正在做一个小的“IQ”测试来练习，我使用单选按钮和检查按钮。问题是，当我选择一个单选按钮时，它必须在onclick事件中调用函数以显示DIV，当我在同一问题中选择另一个选项时，它必须隐藏第一个选择中显示的DIV。以下是函数： function show(x){ if(x==1){ document.getElementById("teams").style.display ="block";

我正在学习javascript，我正在做一个小的“IQ”测试来练习，我使用单选按钮和检查按钮。问题是，当我选择一个单选按钮时，它必须在onclick事件中调用函数以显示DIV，当我在同一问题中选择另一个选项时，它必须隐藏第一个选择中显示的DIV。以下是函数：

function show(x){
            if(x==1){
                document.getElementById("teams").style.display ="block";
                document.getElementById("activity").style.display ="none";

            }else{
                if(x==2){

                document.getElementById("teams").style.display ="none";
                document.getElementById("activity").style.display ="block";
            }

            }
        }

<div>
&#191Do you like Futball&#63<br> 
<input type="radio" name="like" value="Ly" id="yes" onclick="show(1); "  checked>
Yes<br>
<input type="radio" name="like" value="Ln" id="no" onclick="show(2); " >
No<br>
</div>

下面是调用函数的位置：

function show(x){
            if(x==1){
                document.getElementById("teams").style.display ="block";
                document.getElementById("activity").style.display ="none";

            }else{
                if(x==2){

                document.getElementById("teams").style.display ="none";
                document.getElementById("activity").style.display ="block";
            }

            }
        }

<div>
&#191Do you like Futball&#63<br> 
<input type="radio" name="like" value="Ly" id="yes" onclick="show(1); "  checked>
Yes<br>
<input type="radio" name="like" value="Ln" id="no" onclick="show(2); " >
No<br>
</div>


&#你喜欢足球吗
是

否

我将根据选择的分区显示此分区：

<div id="teams" style="display: none;">Here i display 5 checkboxes</div>
<div id="activity" style="display: none;">Here i display 5 Radio buttons</div>

这里我显示了5个复选框
这里我显示了5个单选按钮

我使用的正是这段代码，而您的javascript似乎工作正常。如果你有一个错误，请张贴

<!DOCTYPE html>
<html lang="en">
    <head>
    </head>
    <body>
        <div>
            &#191Do you like Futball&#63<br> 
            <input type="radio" name="like" value="Ly" id="yes" onclick="show(1);"  checked>
            Yes<br>
            <input type="radio" name="like" value="Ln" id="no" onclick="show(2); " >
            No<br>
        </div>
        <div id="teams">
            teams
        </div>
        <div id="activity" style="display: none;">
            activity
        </div>
        <script>
        function show(x){
            if(x==1){
                document.getElementById("teams").style.display ="block";
                document.getElementById("activity").style.display ="none";
            }else{
                if(x==2){
                    document.getElementById("teams").style.display ="none";
                    document.getElementById("activity").style.display ="block";
                }
            }
        }
        </script>
    </body>
</html>


&#你喜欢足球吗
是

否

团队
活动
功能展示（x）{
如果（x==1）{
document.getElementById（“团队”）.style.display=“块”；
document.getElementById（“活动”）.style.display=“无”；
}否则{
如果（x==2）{
document.getElementById（“团队”）.style.display=“无”；
document.getElementById（“活动”）.style.display=“块”；
}
}
}

我在其他函数中得到了一个额外的括号，这就是问题所在。似乎我正在编写函数，分心了，放弃了正确地关闭它

使用（点击

F12

）并读取任何错误。如何加载Javascript代码？如果它在同一页上，它应该在标签内。它在同一页的标签内。因此，请使用Chrome检查页面，查看是否有任何错误。如果Javascript没有加载，那么当你点击任意一个radio.Wild guess时，它会在控制台上记录一个错误。声明var x；在你找到答案之前。不要发布“答案”，而是删除你的问题。“为我工作”是一个评论，而不是答案。我不同意你的评论，我认为你投了反对票。我的完整HTML文档帖子与提问者的帖子不同。不清楚他是如何构造代码的，特别是他将脚本放在哪里。我为他提供了一个解决方案，表明他走上了正确的道路，如果他将此作为模板，他应该找到一个可行的解决方案。结果发现他有一个拼写错误，也许他看到了所有的拼写错误，这样他就可以将其与自己的代码进行比较。我觉得你对向下投票和调节有点过分了。我不明白脚本的位置有什么不同，因为

show

函数只有在按下按钮后才会被调用，这将在加载所有内容之后发生。