2011-01-25 3 views
0

ラジオボタンがたくさんあります。それぞれ1〜24の数字に対応しています。ラジオボタンが選択されるとすぐに、その番号をページの他の場所に表示したいと思います。どうすればいい?ラジオボタンをクリックするとすぐにテキストを表示します。

+2

htmlを投稿するか、サンプルページ – troynt

+0

にリンクしてください。jQueryソリューションで大丈夫ですか、ライブラリフリーの回答をお探しですか? –

+0

javascriptソリューションで大丈夫ですか、またはjQueryソリューションをお探しですか? – kjy112

答えて

0

あなたが「なし表示」で、ID「displayNum」とDIVを作成します。

ハンドラから呼び出された関数は、(ボタンのIDから)どのボタンがクリックされたかを把握し、「displayNum」DIVの内容を(DIVのinnerHtmlプロパティを使用して)数値に変更し、 DIVの「表示」プロパティは不可視の「なし」から可視の「ブロック」に変わります。

+0

displayNumを ''の中に入れたいのですか? –

1

このような何か:各

<div id="someplace"></div> 
<script type="text/javascript"> 
    function updateText(number) { 
     document.getElementById("someplace").innerHTML = number; 
    } 
</script> 
<input value="1" type="radio" onclick="updateText(1)"/>1<br/> 
<input value="2" type="radio" onclick="updateText(2)"/>2<br/> 
... 

をあなたは(1)を配置する必要がないように、より高度な何かをしたい場合は、(2)のonclickは、Jqueryより高度なものを使用します。そして、あなたはラジオボタンを「のonClick」ハンドラを作成するスタイルプロパティ

+0

キーボードで別のラジオボタンに移動すると 'click'イベントも発生しますか? –

+0

は 'id ="どこかの '' ''を入れる方法ですか? –

関連する問題