Ruby on RailsでWebサイト公開！に挑戦中

さらに別のパラメータをSQLのクエリーに指定出来るようにするためBootstrap3とAngularJSを使ってラジオボタンを追加しました。

１）ビュー

・Bootstrap3のform-groupクラスで囲みます。
・３つのラジオボタンをインラインで並べます。
・３つのラジオボタン全体のラベルを最初に指定します。

<form class="form-horizontal" role="form">
　　　：
  <div class="form-group">
    <label class="col-sm-2 control-label">フラグ有り無し</label>
    <label class="radio-inline">
      <input type="radio" ng-model="cond.flg" value="2" />指定しない
    </label>
    <label class="radio-inline">
      <input type="radio" ng-model="cond.flg" value="1" />有り
    </label>
    <label class="radio-inline">
      <input type="radio" ng-model="cond.flg" value="0" />無し
    </label>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-8">
      <button ng-click="gglchart(cond)" type="submit" class="btn btn-primary">グラフ表示</button>
    </div>
  </div>
</form>

２）AngularJSスクリプト

ラジオボタンの初期値を定義

$scope.cond = {
　　　　　　　　　　：
                    flg: '2',
              };