效果如图
直接上代码
<script>
$("#xxx").datagrid("selectAll");
var rowsss=$("#xxx").datagrid("getSelections");
for(var i in rowsss){
$("input:checkbox[name='appraiseItemResult"+i+"']:checked").each(function() { // 遍历name=appraiseItemResult的多选框
console.log('[$(#appraiseItemResult'+i+').val()]',$(this).val());
rowsss[i].appraiseItemResult = $(this).val();
});
console.log('[rows]-->',JSON.stringify(rowsss[i]));
}
</script>
<script>
$('#xxx').datagrid({
url : "xxxxxx/xxxxxxxxx.do", fit: true, border: false, singleSelect: true, idField: 'appraiseItemId', columns: [[ {field:'appraiseItemId', hidden:true}, {field:'sn',title:'序号',width:'100',halign:'center',align:'center'}, {field:'appraiseName',title:'评价项目',width:'200',halign:'center'}, {field:'appraiseRequirement',title:'评价要求',width:'700',halign:'center'}, {field:'appraiseItemResult',title:'评价结果',width:'260',halign:'center',align:'center', formatter: function(value,row,index){ return '<input type=\"checkbox\" value=\"01\" id =\"'+index+'01\" name=\"appraiseItemResult'+index+'\" />好\n' + '<input type=\"checkbox\" value=\"02\" id =\"'+index+'02\" name=\"appraiseItemResult'+index+'\" />一般\n' + '<input type=\"checkbox\" value=\"03\" id =\"'+index+'03\" name=\"appraiseItemResult'+index+'\" />差'; },}, ]], onLoadSuccess:function(data){ console.log('加载完成'); for(var index in data.rows){ console.log('[i]',index); $(":checkbox[name='appraiseItemResult"+index+"']").click( function() { if ($(this).is(':checked')) { $(this).attr('checked', true).siblings().attr('checked', false); }else{ $(this).attr('checked', false).siblings().attr('checked', false); } } );}} });</script>
这样可以保证多选框处于单选状态