jQuery火複選框點擊值

Question

我需要點擊複選框按值打開對話框......有人可以解釋爲什麼這不起作用？

形式：

<span class="wpcf7-form-control-wrap obj"> 
    <span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required wpcf7-exclusive-checkbox"> 
     <span class="wpcf7-list-item first"> 
      <label> 
       <input type="checkbox" name="obj" value="Value 1" /> 
       <span class="wpcf7-list-item-label">Value 1</span> 
      </label> 
     </span> 
     <span class="wpcf7-list-item"> 
      <label> 
       <input type="checkbox" name="obj" value="Value 2" /> 
       <span class="wpcf7-list-item-label">Value 2</span> 
      </label> 
     </span> 
     <span class="wpcf7-list-item last"> 
      <label> 
       <input type="checkbox" name="obj" value="Other" /> 
       <span class="wpcf7-list-item-label">Other</span> 
      </label> 
     </span> 
    </span> 
</span> 

腳本：

jQuery(document).ready(function($){ 
    $("input[type=checkbox][value='Value 1']").on('click',function() { 
     alert('abcd'); 
    }); 
}); 

Answer 1

看起來你需要委派的事件，如：

$(document).on('click', "input[type=checkbox][value='Value 1']", function() { 
     alert('abcd'); 
    }); 

請閱讀：https://learn.jquery.com/events/event-delegation/