easyui combobox 复选框多选

关注

原创最新推荐文章于 2026-05-18 22:28:47 发布 2k 阅读 AI 写同款· GEO 优化 ›

关于easyui combobox下拉框实现多选框的实现好长时间没有更博了，一是因为最近真的比较忙，二是因为自己是真的偷懒了，哈哈好啦，这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现，包括前台界面的展示，和后台对数据的获取应用一、实现的效果图如下：二、实现 1、前台html代码：定义学术荣誉下拉框学术荣誉： 2、js部分初始化学术荣誉下拉框数据阅读详情

$('#budgetIdstr').combobox({
valueField:'id',
textField:'orgName',
editable:false,
multiple:true,
separator:';',
// panelWidth:'auto',
formatter:function(row){
var opts;
if(row.selected==true){
opts = "<input style='width:15px;height:15px;vertical-align:middle;' type='checkbox' checked='checked' lass='combobox-checkbox' id='"+row.id+"' value='"+row.id+"'>"+row.orgName+"</input>";
}else{
opts = "<input style='width:15px;height:15px;vertical-align:middle;' type='checkbox' id='"+row.id+"' value='"+row.id+"'>"+row.orgName+"</input>";
}
return opts;
},
url:sname+'/BudgetinfoController/loadBudgetDetails',
loadFilter: function (rows) {
return rows;
},onSelect:function(rec) {
oCheckbox = document.getElementById(rec.id);
oCheckbox.checked=true;
},onUnselect:function(rec){
oCheckbox = document.getElementById(rec.id);
oCheckbox.checked=false;
},onShowPanel:function(){
$(this).combobox('panel').width("auto");
}

})

收录于