LANG SELRCT

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

2017年12月30日土曜日

ラジオボタンを作る

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. 複数選択
複数選択可能にしたい場合はチェックボックスを使う
チェックボックスを作る