Zepto 實現checkbox全選與全不選狀態切換

最近項目裏用到foundation,而foundation4默認集成了Zepto,不少輪子要重造,因此有了下面的代碼。javascript

<script>
  /** 
   * Muti-Checking-Toggle Function
   * Depend on Zepto
   * By simon @ 2013-07-31
   */
  $('#checkAll').live('change',function (e) {
    e.preventDefault();
    if ($('#checkAll').is(":checked")){
      $('input[type=checkbox]').prop('checked',true);
    } else {
      $('input[type=checkbox]').prop('checked',false);
    }
  })
</script>

其中的.live能夠換成.on,由於我這裏是ajax過來的頁面,因此要綁在冒泡上。java

有不對的地方請指出,謝謝!ajax

相關文章
相關標籤/搜索