getElementById、ラジオボタン、およびdocument.write（）;

ラジオボタンとJS吸う。ここで私のシステムから抜け出したのは私の問題です。私は最後に、読んだ後にラジオボタンの値を確認するためにJavascriptを取得しました。getElementById not playing nice with Radio Buttons getElementById、ラジオボタン、およびdocument.write（）;

私は値を警告することができますが、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>

出典

2011-08-03 Patrick

ページの読み込みがなる、* * document.openをするための呼び出しが発生します終了した後*のdocument.write *を呼び出します**書き込みが始まる前に、あなたのスクリプトを含む文書全体をクリアしてください。 – RobG

-1

<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>

使用このことは、Firefox 5では

出典

2011-08-03 06:05:51 Ankur

作業やChrome 12され、私が見た文書ので、警告および文書の両方で「ナ」 .write（）はこれらのブラウザで動作するようです。無線入力は、ウィンドウロードイベントの後には存在しません。

なぜdocument.write（）を使用しているのか尋ねることはできますか？ DOMを操作する多くの選択肢があります。 w3schools.com（http://www.w3schools.com/js/js_howto.asp）

注：実際のJavaScriptコードでdocument.write（）を使用しないようにしてください。関数内でdocument.write（）が使用される場合、またはページがロードされた後にHTMLページ全体が上書きされます。ただし、document.write（）はチュートリアルでJavaScript出力を簡単に示す方法です。

出典

2011-08-03 06:14:33 Pelshoff

document.write（）は使用しないでください。今まで！

DOMを操作するためにjQueryなどのライブラリを使いやすくしてください。

あなただけの純粋な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>

出典

2013-12-20 13:41:22 lot

getElementById、ラジオボタン、およびdocument.write（）;

答えて

関連する問題