3

フォーム内のラジオボタンに次のブートストラップコードを使用しています

<div class="btn-group" data-toggle="buttons-radio">
   <button type="button" name="att" class="btn btn-primary active">Present</button>
   <button type="button" name="att" class="btn btn-primary">Absent</button>
   <button type="button" name="att" class="btn btn-primary">Leave</button>
</div>

http://getbootstrap.com/2.3.2/javascript.html#buttonsにアクセスすると、ラジオの例を見つけることができます。

これを従業員の出勤に使用しているので、従業員のレコードが複数あり、配列になります。私は質問しようとしましたTwitterのブートストラップラジオボタンの値を取得します。JQuery ですが、これは最後に選択した値のみを返します。

どうすればこれを解決できますか??

注：ボタンの代わりに入力タグも試しましたが、その効果のスタイリング

4

2 に答える 2

9

を使用して質問を解決しました

  <div id ="attend1" class="btn-group" data-toggle="buttons-radio">
       <input type='hidden' name="attendy[]" value='default value'>
       <button type="button" name="att" class="btn btn-primary active">Present</button>
       <button type="button" name="att" class="btn btn-primary">Absent</button>
       <button type="button" name="att" class="btn btn-primary">Leave</button>
    </div>

とjquery

$(document).ready(function (){ 
   $('.btn').click(function() {
      var parent = '#' + $(this).parent().attr('id');
      $(parent).find('input').val($(this).text());
   });
 });

みんなどうもありがとう

于 2013-08-03T11:17:07.517 に答える
1

id属性を追加して.btn-groupこれを使用します。

var activebtnvalue = $("#btngroup").find("button.active").prop('value');

value各ボタンにも属性を追加します。

于 2013-08-03T10:03:16.393 に答える