自己在工作中遇到的小问题,在此记录一下:
使用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);
}
使用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);
}