easyui 中的combox添加多选和chekbox

最新推荐文章于 2025-05-22 10:14:28 发布

qq_34611658

最新推荐文章于 2025-05-22 10:14:28 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_34611658/article/details/53516407

本文介绍如何使用jQuery将组合框（combobox）转换为包含复选框（checkboxes）的形式，并直接创建复选框添加到div元素中。通过获取服务器数据并解析JSON对象，实现了动态生成复选框列表的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

top.$.getJSON(actionCommURL, { "QueryType": "SytPark", "random": Math.random() }, function (d) {
            //            top.$('#TxtCarparkNames')
            //                .combobox({ data: d })
            //                .combobox('setValue', "");
            //            top.$('#TxtCarparkNames').combobox({ multiple: true, editable: false, valueField: 'ID', textField: 'ParkName',
            //                formatter: function (row) {
            //                    var opts;
            //                    var obj = eval(d);
            //                    var val = obj[a];
            //                    if (row.selected == true) {
            //                        opts = "<input type='checkbox' checked='checked' id='" + val.ID + "' value='" + val.ID + "'>" + val.ParkName + "</input>";
            //                    } else {
            //                        opts = "<input type='checkbox' id='" + val.ID + "' value='" + val.ID + "'>" + val.ParkName + "</input>";
            //                    }
            //                    a++;
            //                    return opts;
            //                },
            //                panelHeight: "auto",
            //                width: 120,
            //                onSelect: function (rec) {
            //                    oCheckbox = document.getElementById(rec.id);
            //                    oCheckbox.checked = true;
            //                }, onUnselect: function (rec) {
            //                    oCheckbox = document.getElementById(rec.id);
            //                    oCheckbox.checked = false;
            //                }
            //            });
            var obj = eval(d);
            $(obj).each(function (index) {
                var val = obj[index];
                if (val.ID != -1) {
                    opts = "<input type='checkbox' style='margin-left: 20px;' id='" + val.ID + "' value='" + val.ParkName + "'>" + val.ParkName + "</input>";
                    top.$("#TxtCarparkNames").append(opts);
                }
            });

});

注释的那一块是添加combox的cheekbox 没注释的是直接转换成chekbox添加到div中可以加li 成列表