GoogleAppsScriptでチェックボックス の改造

google_apps_checkboxes.gs

// global にしておく
var checkBoxArray = ['幼少期（0～6歳頃）', 
                     '学童期（6～12歳頃）',
                     '青年期（12～25歳頃）',
                     '成人期（25～40歳頃）',
                     '中年期（40～65歳頃）',
                     '老年期（65歳～）'];

function doGet() {
  
  var app     = UiApp.createApplication();
  var checkboxpanel = app.createVerticalPanel();         
  var handler = app.createServerHandler('checkChanged').addCallbackElement(checkboxpanel);
 
  //チェックボックスを作成、選択された項目を表示するためのラベルの作成
  var checkboxContainer = app.createVerticalPanel();
  var infobox = app.createVerticalPanel();
  for (var i=0; i < checkBoxArray.length; i++) {
    checkboxContainer.add(app.createCheckBox(checkBoxArray[i]).setName("age" + i).addClickHandler(handler));
    infobox.add(app.createLabel(checkBoxArray[i]).setId('info' + i).setVisible(false));
  }
   
  //チェックボックス、ラベルをレイアウトパネルに追加
  checkboxpanel
    .add(app.createHTML('<p>どの年代の出来事かを選択してください。(任意)</p>'))
    .add(checkboxContainer)
    .add(infobox);
 
  app.add(checkboxpanel);
  return app;
}
 
function checkChanged(e){
  var app = UiApp.getActiveApplication();
  for (var i=0; i < checkBoxArray.length; i++) {  
    // 飛んできたパラメータが"true"かどうかで表示非表示の切替
    app.getElementById("info" + i).setVisible(e.parameter["age" + i] === 'true');
  }

  return app;
  app.close();
}