LANG SELRCT

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

2017年12月30日土曜日

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

HTML Serviceでこういう機能を作る






ラジオボタンを選択してから「ボタン」をクリックすると
選択したラジオボタンのvalueがアラートに出る



コード.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 selected_value = radio1.value;
      alert(selected_value);
    }
  </script>
</body>
</html>
意訳
これはHTML5文書です


フォームを置く
1つめのラジオボタン
そのラベル

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


ボタンを置く

ボタンがクリックされたらget_radioを実行する

この機能がやること
対象のフォームを取得して
対象のグループ(name)を取得して
選択されている値を取得して
アラートに出す