可与标题中的checkall折叠

Question

我尝试在像this

这样的可折叠标题中进行检查

但那不起作用。它没有运行我的脚本。这是我的代码

$('h3').on( "click", 'input[type=checkbox]', function() {
    alert('run'); // not working
    $("input[name='"+this.name+"']")
        .attr({
            checked: $(this).is(':checked')
        });
    alert($(this).is(':checked'));
    $("input[name='"+this.name+"']").checkboxradio("refresh");
});

如何让它运作良好？感谢

Answer 1

将点击绑定到标签上，如下所示：

$('label').on( "click", function(e) {
  var cb = $("input[type=checkbox]");
  if(cb.prop('checked')){
      cb.prop('checked', false);
  }else{
      cb.prop('checked', true);
  }
  cb.checkboxradio("refresh");
  return false; // Don't collapse
});

http://jsfiddle.net/8TvL3/12/