Google Таблицы on Telegram: “Диалоговое html-окно 2. Сделаем переключатель (r…”

Диалоговое html-окно 2. Сделаем переключатель (radio button).

Радио кнопка, она же переключатель позволяет выбрать в интерфейсе только одну опцию.

Выведем в Таблице HTML-окно с Яблоко / Банан / Арбуз и кнопкой "отправить". Нажатие на кнопку отправит выбор во внешний скрипт, а он, в свою очередь, выведет этот выбор в Таблицу. Также нажатие на кнопку закроет окно (за это отвечает google.script.host.close())

Весь код, который нужен

1) Часть Google Apps Script (вставляем на лист gs)

function showDialog() {
  var html = HtmlService.createTemplateFromFile('Page2').evaluate()
    .setWidth(200) //размеры в пикселях
    .setHeight(200);
  SpreadsheetApp.getUi()
    .showModalDialog(html, "@google_sheets"); //второй аргумент - заголовок окна
}

function script1(v) {
  SpreadsheetApp.getActive().toast(v);
}

2) Часть html (вставляем на html-лист "page" в редакторе скриптов)

<p>Выбирайте</p>
<input type="radio" name="gender" value="Яблоко">Яблоко
<br>
<input type="radio" name="gender" value="Банан">Банан
<br>
<input type="radio" name="gender" value="Арбуз">Арбуз
<br>
<button type="button" onclick="displayRadioValue(), google.script.host.close()">Отправить!</button>

<script>
  function displayRadioValue() {
            var ele = document.getElementsByName('gender');
            for(i = 0; i < ele.length; i++) {
                if(ele[i].checked) {
                  break;
                }
            }
            google.script.run.script1(ele[i].value);
        }
</script>

Таблица с примером
HTML в GAS
Radio Button

Встраиваем видео в Таблицу

Оглавление нашего канала: тыц
Наш чат: тыц-тыц