jquery - 更改 jquery 中的复选框在文本中不起作用！Backbone.js 中的模板

Question

我有一个观点，使用文本！在我的网页中呈现 html 的模板。在我quote.html的文字中！，我有一种形式：

$(document).ready(function() {
   alert("outside checkbox event");
   $('input[name=chkVAT]').change(function(){
      if($('input[name=chkVAT]').is(':checked')){
         alert('Checked');
      } else {
         alert('Not checked');
      }
    });
});
<form>
   .......
   <input type="checkbox" name="chkVAT" id="chkVAT" />
   <div id="valVAT"><%=VAT%>
</form>

只有alert("outside checkbox event")在工作。我不知道为什么其他 3 警报不起作用。

请有任何想法。谢谢。

Answer 1

这不是骨干方式。您确定该复选框已经在文档上呈现了吗？

Backbone.View.extend({
  template : _.template('your form'),
  events : {
    'change [name=chkVAT]' : 'checkboxChangeHandler'
  },
  checkboxChangeHandler : function () {
    alert('changed');
  }
});

工作的jsFiddle