如何在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代码仍然不起作用这就是所有必要的^_^