WEST MiRa JavaScript：基本操作 - フォームの基本

[ JavaScriptの目次 ]

▲トップページ
▲基礎知識
▲基本操作
▲その他
▲サンプル集(257種類)
▲その他

[ 他の一覧 ]

◆↑ホームへ

■ JavaScript - 基本操作 - フォームの基本
　　 - 5.ラジオボタン

ラジオボタンは、フォーム上にラジオボタンを設定できます。

ソース
<html><head></head> <body> <form> <input type="radio" name="1">選択肢1 <input type="radio" name="2">選択肢2 </form> </body></html>
実行結果
選択肢1 選択肢2

type="radio"と言う部分で、このがラジオボタンである事を設定しています。プロパティとして、name="名前"は必要になります。名前は好きな名前を設定できますが、必ず半角英数字で設定してください。

ソース
<html><head></head> <body> <form> <input type="radio" name="1">選択肢1 <input type="radio" name="1">選択肢2 </form> </body></html>
実行結果
選択肢1 選択肢2

また同じ名前のラジオボタンを設定しますと、複数の選択肢から1つだけ選択可能なラジオボタンのグループを作成出来ます。