我动态创建了一个 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：
<table>
<tr>
<td id="j_9" name="cell1" class="mobilegridcell1" colspan="1" rowspan="1"></td>
</tr>
</table>
问题是我想通过选择 country_all 复选框来选择 countryContainer 中的所有复选框。有任何想法吗？