單擊事件不復制在複選框

Question

我會瘋了嗎？

我無法在複選框上觸發點擊事件。

這是我的JS：

$(document).ready(function() { 
     $('.checkbox').on('click', function() { 
      console.log('ello'); 
     }); 
    }); 

這是我的PHP/HTML：

<ul class="category-filters"> 
      <li> 
       <input class="checkbox" value="Customer Service" type="checkbox">Customer Service 
      </li> 
      <li> 
       <input class="checkbox" value="HR" type="checkbox">HR</li> 
    </ul> 

這是值得指出的是，如果我改變功能/方法來隱藏，然後它工作..

但它不會觸發點擊事件。我用過，然後點擊試試..

是因爲我使用的類選擇器返回一個數組嗎？

Cheer

Answer 1

一種方法是使用change事件。

$('input').on('change', function() { 
    alert('ello') 
}) 

jsbin： http://jsbin.com/xonecajeva/edit?html,css,js,output