checkbox的全选和获取多选框的值

自己在工作中遇到的小问题，在此记录一下：
使用checkbox控件时，全选和全不选功能操作

页面：全选时不能使用attr，因为只能使用一次，多次会失效
<input type="checkbox" name="checkAll" value="checkAll"/>全选/全不选

js：
content.find('[name=checkAll]').on('click',function(){
if($(this).is(":checked"))
$("[name='styleId']").prop("checked",'true');//全选
else
$("[name='styleId']").removeAttr("checked");
});


获取选择多选项的值：
页面：
<td><a href="javascript:void(0);" class="easyui-linkbutton edit" data-options="iconCls:'icon-edit',plain:true">保存</a></td>

js：
content.find('.edit').click(function(){
updateStyle(content);
});
function updateStyle(content){
var allChecked = $("input[name='styleId']:checked");
var idsArr = [];
//循环拼装被选中项的值
allChecked .each(function(i){
idsArr.push($(this).val());
});
//转换成数组形式
var ids = '['+ idsArr.join(',') +']';
console.log(ids);
}