Apps Script公式リファレンス: Apps Script Reference |障害・課題追跡: IssueTracker |Google Workspace: Status Dashboard - Summary

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)を取得して
選択されている値を取得して
アラートに出す






補足

こういうやり方もある

コード.gs
function get_radio_value(id) {
  var form = document.getElementById(id)
  for(var i = 0; i < form.length; i++) {
    var elem = form[i]
    var check = elem.checked
    if(check === true){
      return elem.value
    }
  }
  return "";
}



Latest post

Google Apps Scriptの障害時はIssueTrackerを見てみる - Incidents for Apps Script are reported on Issue Tracker

IssueTracker > Apps Script issues https://issuetracker.google.com/savedsearches/566234 Google Apps Scriptの障害時は IssueTracker に課題が上がっていることが...