ラジオボタンがたくさんあります。それぞれ1〜24の数字に対応しています。ラジオボタンが選択されるとすぐに、その番号をページの他の場所に表示したいと思います。どうすればいい?ラジオボタンをクリックするとすぐにテキストを表示します。
答えて
あなたが「なし表示」で、ID「displayNum」とDIVを作成します。
ハンドラから呼び出された関数は、(ボタンのIDから)どのボタンがクリックされたかを把握し、「displayNum」DIVの内容を(DIVのinnerHtmlプロパティを使用して)数値に変更し、 DIVの「表示」プロパティは不可視の「なし」から可視の「ブロック」に変わります。
displayNumを ''の中に入れたいのですか? –
このような何か:各
<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」ハンドラを作成するスタイルプロパティ
:
キーボードで別のラジオボタンに移動すると 'click'イベントも発生しますか? –
は 'id ="どこかの '' ''を入れる方法ですか? –
- 1. ラジオボタンをクリックしたときにテキストを表示する方法は?
- 2. ラジオボタンをクリックするとモーダルポップアップが表示されます
- 3. DIVをクリックするとラジオボタンが表示されます
- 4. ListViewボタンをクリックしてテキストを表示するテキストを表示
- 5. ラジオボタンをクリックしたときに表示/非表示オプション
- 6. ラジオボタンをクリックすると、出力が表示されません。
- 7. ラジオボタンの表示テキスト
- 8. JQuery:クリックしたボタンのすぐ下にポップアップウィンドウを表示する
- 9. テキストを非表示にしてクリックで表示する方法
- 10. ボタンをクリックしたときにテキストを表示する方法
- 11. ラジオボタンをクリックすると、対応するテキストフィールドが表示されます
- 12. 画像をクリックすると、テキストが表示されます
- 13. ラジオボタンの上にテキストボックスを表示するPHPをクリック
- 14. ラジオボタンのアイコンを非表示にしますが、テキストを非表示にします
- 15. ラジオボタンをクリックしたときにテキストエリアが表示されない
- 16. ラジオボタンをクリックしてラジオボタンをクリックした後に削除する
- 17. hrefをクリックすると、非表示のラジオボタンが選択されます
- 18. JQuery:「送信」ボタンをクリックすると、「選択」ラジオボタンが表示されますか?
- 19. matlabでラジオボタンをクリックしてチェックを外すのを防ぐ
- 20. canvas.object(tkinter)をクリックするとテキストを表示する方法は?
- 21. ボタンをクリックするとランダムなテキストを表示する
- 22. アンドロイドでスピナーをクリックするとラジオボタンを表示する方法は?
- 23. CSS/JS:ホバーにテキストを表示する方法とhrefをクリックしたテキストボックスが表示されますか?
- 24. リンクをクリックしてテキストエリアにテキストを表示する方法
- 25. divをクリックしてテキストを非表示にする
- 26. クリックするまでmdTooltipを表示し、再度クリックすると非表示にします
- 27. ラジオボタンがクリックされたときにスピナーを表示する方法
- 28. クリックした単語のテキストを表示します。 Jquery
- 29. divのラジオボタンをクリックすると、他のdivのラジオボタンがクリックされます
- 30. EditTextを非表示にしてメニューをクリックすると表示されます
htmlを投稿するか、サンプルページ – troynt
にリンクしてください。jQueryソリューションで大丈夫ですか、ライブラリフリーの回答をお探しですか? –
javascriptソリューションで大丈夫ですか、またはjQueryソリューションをお探しですか? – kjy112