javascript - 在按钮组中获取事件按钮( Bootstrap )

Question

我有一个按钮组，并且愿意根据事件按钮更新其他一些更改字段。查看jsfiddle here

这是从文档中复制的 HTML:

<div class="btn-group arrActiviteit arrUpdate" data-toggle="buttons">
    <label class="btn btn-primary active" data-wat='foo'>
       <input type="checkbox"> Item 1
    </label>
    <label class="btn btn-primary" data-wat='bar'>
       <input type="checkbox"> Item 2
    </label>
    <label class="btn btn-primary" data-wat='something'>
      <input type="checkbox"> item 3
    </label>
    <label class="btn btn-primary" data-wat='orElse'>
      <input type="checkbox"> item 4
    </label>
</div>

Button 行就像它应该做的那样。
然后我观察 .arrUpdate div 上的点击事件是否发生变化。我有多个按钮组，它们都有 .arrUpdate 类。这就是第二个类的原因:.arrActiviteit

$('.arrUpdate').click(function(e){
   val = ''; // for holding the temporary values

   $('.arrActiviteit label').each(function(key, value){
       if(value.className.indexOf('active') >=0){
           val += value.dataset.wat
       }
   })

   // just for debug reasons.
   $('#hierHier').html(val); 

})

但看起来“事件”类是在触发点击事件后添加的。所以 #hierHier 中的值总是落后于一次点击，可以这么说。

我该如何解决？
或者是否有更好的方法来检索此复选框数组中的所有事件按钮？

Answer 1

已解决

---

更新:更好的解决方案 Twitter Bootstrap onclick event on buttons-radio

---

http://jsfiddle.net/hA423/7/

我使用超时解决了这个问题，使您的函数在 Bootstrap 事件之后运行...

必须有一些其他的方法来做到这一点......

$('.btn').on('click',function(e){
  setTimeout(count);
})