LANG SELRCT

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

Saturday, December 30, 2017

ラジオボタンを作る

HTML Serviceでこういうラジオボタンを作る






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




index.html
<!DOCTYPE html>
<html>
<body>
  <input type="radio" name="radio1" id="radio1_1" value="yes" checked="checked">
  <label for="radio1_1">はい</label>
  <br>
  <input type="radio" name="radio1"  id="radio1_2" value="no">
  <label for="radio1_2">いいえ</label>
</body>
</html>
意訳
これはHTML5文書です


1つ目のラジオボタンを作る デフォルトでチェックを入れておく
それにラベルを付ける

2つ目のラジオボタンを作る
それにラベルを付ける





補足


1. name="raido1"
これでラジオボタンの選択肢をグールプ化している
ラジオボタンはこのグループの中から一つだけ選べる

2. checked="checked"
これを設定すると最初から選択されている状態にできる

3. label for=
idを指定してラジオボタンにテキストを付ける
このテキストを選択してもラジオボタンにチェックが入るようになる
これがないとラジオボタンの丸いアイコンをクリックしないとチェックできない
↓こんな感じでチェックを入れにくい
はい
いいえ

4. 複数選択
複数選択可能にしたい場合はチェックボックスを使う
チェックボックスを作る

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...