Question

单选按钮和JS很糟糕。好了，现在我从我的系统中得到了这个是我的问题：我在阅读getElementById not playing nice with Radio Buttons

之后终于得到Javascript以确认单选按钮的值

我可以提醒值但是document.write（）;不行吗？

这是我的代码：

<html>
<head>
<script type="text/javascript">
function getRadioValue() {
var y=document.getElementById('draftrequirement_2').value;
document.write(y);
return y;
}

window.onload = function() { alert(getRadioValue()); }
</script>
</head>

<body>
<input onchange="checkRadio()" type="radio" name="draftrequirement" value="na" id="draftrequirement_2" />
</body>
</html>

Answer 1

在Firefox 5和Chrome 12中，我在警报和文档中都看到“na”，因此document.write（）似乎可以在这些浏览器中使用。但是，在窗口加载事件之后，无线电输入不存在。

我可以问你为什么使用document.write（）吗？操作DOM有很多选择。来自w3schools.com（http://www.w3schools.com/js/js_howto.asp）

注意：尽量避免在现实生活中的JavaScript代码中使用document.write（）。如果在函数内部使用document.write（），或者在加载页面后，将覆盖整个HTML页面。但是，document.write（）是一种在教程中演示JavaScript输出的简单方法。

Answer 2

不要使用document.write（）。永远！

让您的生活更轻松，并开始使用jQuery或类似的库来操作DOM。

如果您只需要使用纯JavaScript，那么这应该可行：

<html>
<head>
<script type="text/javascript">
function checkRadio() {
var y=document.getElementById('draftrequirement_2').value;
document.getElementById('draftrequirement_2_message').innerHTML = y;
}

</script>
</head>

<body>
<input onchange="checkRadio()" type="radio" name="draftrequirement" value="na"   id="draftrequirement_2" />
<div id="draftrequirement_2_message" />
</body>
</html>

Answer 3

<html> 
<head>
<script type="text/javascript">
function checkRadio() {
var y=document.getElementById('draftrequirement_2').value;
document.write(y);
return y;
}


</script>
</head>

<body>
<input onchange="checkRadio()" type="radio" name="draftrequirement" value="na"     id="draftrequirement_2" />NA
</body>
</html>

使用它正在运行

getElementById，单选按钮和document.write（）;

3 个答案: