未捕获的类型错误：无法调用未定义的方法“removeClass”

Question

我动态创建了一个 jquery 移动复选框组。并想绑定事件以启用全选功能。执行后，chrome控制台提示“Uncaught TypeError: Cannot call method 'removeClass' of undefined”。这里是js代码：

var arr=['<fieldset id="countryContainer" name="countryContainer" data-role="controlgroup" data-type="horizontal">'];

arr.push('<input type="checkbox" id="country_all" name="country_all" value="all" /><label for="country_all">ALL</label>');      
for(var i=0;i<9;i++){
arr.push('<input type="checkbox" id="country_'+i+'" name="fe" value="'+i+'" /><label for="country_'+i+'">'+i+'</label>');       
}

arr.push('</fieldset>');

$('[name=cell1]').append(arr.join(''));

$.mobile.pageContainer.trigger("create");


var chkall=$('[name=country_all]');
chkall.on('change', function() {
var checked=(chkall.prop('checked')=="checked")? true:false;
$("#countryContainer").prop('checked',true).checkboxradio().checkboxradio("refresh"); //something goes wrong here.
});

还有html：

问题是我想通过选中 country_all 复选框来选中 countryContainer 中的所有复选框。有什么想法吗？

Answer 1

问题解决了。我在字段集上放错了 .checkboxradio('refresh') 。感谢@Omar。