LANG SELRCT

Apps Script Reference  (Create: Create new Spreadsheet | Create new Apps Script

Saturday, December 30, 2017

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

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

Extracting data from Google Sheets with regular expressions

Introduction Regular expressions are a powerful tool that can be used to extract data from text.  In Google Sheets, regular expressions ca...