EasyUI datagrid 单列单选框添加 及取值

效果如图

直接上代码

<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>


这样可以保证多选框处于单选状态 


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/dirk_cong/article/details/79957690
个人分类: 前端开发
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭