LANG SELRCT

コードを書く場所についてはこちら

2018年4月4日水曜日

選択されているラジオボタンのidを取得する



選択されているラジオボタンの値を取得する ことはできたけれど
これだと id を取得できないので
checkedになっている要素を見つけてあげて
そこからidを取得してみる



コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する




index.html
<!DOCTYPE html>
<html>
<body>
  <form id="form1">
    <input type="radio" name="radio1" id="radio1_1" value="yes" checked="checked">
    <label for="radio1_1">はい</label>
    <br>
    <input type="radio" name="radio1" value="no" id="radio1_2">
    <label for="radio1_2">いいえ</label>
  </form>
  <br>
  <button type="button" id="bt">ボタン</button>
  <script>
    document.getElementById("bt").onclick = get_radio;

    function get_radio() {
      var form = document.getElementById("form1");
      var radio1 = form.radio1;
      var elem = "";
      for (var i = 0; i < radio1.length; i++) {
        if (radio1[i].checked) {
          elem = radio1[i];
        }
      }
      var elem_id = elem.id;
      alert(elem_id);
    }
  </script>
</body>
</html>
意訳
  


form
ひとつめのラジオボタン
そのラベル

ふたつめのラジオボタン
そのラベル


ボタン

idがbtの要素がクリックされたらget_radioを実行する

この機能がやること
idがform1の要素を取得して
そのradio1という名前を持つ要素を取得して
elemの入れ物を用意して
radio1の要素の数だけ以下を繰り返す
もしradio1の要素を順番に見て、もしチェックされていたら
elemに入れる
それ以外は何もせずに次の要素を見る

elemのidを取得して
アラートに表示する