ラジオボタンの値を取得する方法. まずは基本です。 上記がラジオボタンのチェック状態が変更された際に実行するJavaScriptのコードです。ラジオボタンのチェック状態は、checkedプロパティで取得できます。ラジオボタンがチェックされていればtrueの値、チェックされていなければfalseの値となります。 HTMLを使って、ラジオボタンを実装する方法の解説です。HTMLのフォームを使って、実際にデータを送信する所までやってみます。 ラジオボタンとは？ HTMLでの「ラジオボタン」とは、複数の選択肢の中からただ一つを選択（one of many）するためのGUIコンポーネントです。 複数のラジオボタンに同じ部品名を付けることで、1つのグループを作成することができます。 ラジオボタンは、複数の選択肢から1つだけを選択することができます。 選択肢1 選択肢2 選択肢3 （実際の表示例） ラジオボタンのグループについて. いくつかのケースがあるので使い分けて下さい。 単一. こんにちは、ライターのマサトです！ 今回は、jQueryからラジオボタン（radio要素）を操作するための手法について学習していきましょう！ラジオボタンの使い方や制御方法、イベント処理などについて詳しく解説していきます。 そこで、この記事では… 2～4行目は、ラジオボタンです。 10行目は、フォームのname「form3」とラジオボタンのname「color3」で対象を特定(2-4行目)しています。 12行目は、ラジオボタンの数分ループを回しています。ループはfor-of文でも可です(IE11はfor-of文に対応していなので不可)。 複数のラジオボタンに同じ部品名を付けることで、1つのグループを作ることができます。ラジオボタンでは、そのグループの中から1つだけを選択することができます。 この属性の値は、value属性の値とセットで送信されることになります。 HTMLのコードでは、ラジオボタンのテキストに「labelタグ」を付けて、for属性の値と対応する「inputタグ」のid属性の値を同じにします。 「 .sample_label 」セレクタでボタンの形を作っていきます。 どのラジオボタンが選択状態かを確認するには、要素のcheckedプロパティを参照します。 サンプルコード. 2017/07/30.