如何在Javascript中更改段落文本?(使用单选按钮中的值)。(onclick事件可能未触发)

如何在Javascript中更改段落文本?(使用单选按钮中的值)。(onclick事件可能未触发),javascript,html,button,onclick,Javascript,Html,Button,Onclick,基本上,在我的网站上,我试图在英语和西班牙语之间进行选择。它的工作原理是有两个单选按钮,每种语言一个,还有一个按钮。按下按钮时,段落文本应根据选中的单选按钮进行更改。在我看来,我有一些代码应该是有效的,但却不起作用 <!DOCTYPE HTML SYSTEM> <html> <head> <script type="javascript"> function ChangeLanguage() {

基本上,在我的网站上,我试图在英语和西班牙语之间进行选择。它的工作原理是有两个单选按钮,每种语言一个,还有一个按钮。按下按钮时,段落文本应根据选中的单选按钮进行更改。在我看来,我有一些代码应该是有效的,但却不起作用

<!DOCTYPE HTML SYSTEM>
<html>

<head>

    <script type="javascript">
        function ChangeLanguage()
        {
            try
            {
                if(document.Radio.rbEnglish.checked)
                {
                    document.getElementById("p1").innerHTML = "OF COURSE!";
                }
                else
                {
                    document.getElementById("p1".innerHTML = "CLARO!";
                }
            }
            catch (err)
            {
                alert(err.message);
            }
            return false;
        }

    </script>

</head>

<body>

    <form name="Radio">

    <fieldset>

        <p>

            <input id="rbEnglish" name="rbLanguage" type="radio" checked="checked" value="English"/>

            <label for="rbEnglish">English</label>

            <input id="rbSpanish" name="rbLanguage" type="radio" value="Spanish"/>

            <label for="rbSpanish">Spanish</label>

            <input id="btnSubmit" type="submit" value="Submit" onclick="return ChangeLanguage();"/>

        </p>

    </fieldset>

    </form>

    <p id="p1">
OF COURSE!
    </p>

</body>

</html>

函数ChangeLanguage()
{
尝试
{
if(文档.收音机.rbEnglish.选中)
{
document.getElementById(“p1”).innerHTML=“当然!”;
}
其他的
{
document.getElementById(“p1.innerHTML=“CLARO!”);
}
}
捕捉(错误)
{
警报(错误消息);
}
返回false;
}

英语
西班牙的

当然


在一些篡改之后,我觉得“onclick”事件出于某种原因不起作用,但我不知道为什么。请通过更正此代码或提供替代代码来帮助我。

检查控制台中的JavaScript错误。我注意到的第一件事是缺少括号

document.getElementById("p1".innerHTML = "CLARO!";
应该是

document.getElementById("p1").innerHTML = "CLARO!";

是因为你缺少一个“')”

更改此项:
document.getElementById(“p1.innerHTML=“CLARO!”;

对此:
document.getElementById(“p1”).innerHTML=“CLARO!”;


查看fiddle示例:

到底出了什么问题?我真不敢相信我没有注意到这一点,谢谢。遗憾的是,代码仍然不起作用。当当。查看Jake答案中的fiddle并比较您的代码,该代码似乎符合您的要求。谢谢,我修复了原始代码中的错误,但不知何故,它仍然不起作用。尽管如此,fiddle代码仍然不起作用这就是所有必要的^_^