使用 jquery 从字符串创建复选框 - Using jquery to create checkboxes from string

Using jquery to create checkboxes from string

我确实有一个包含关键字的字符串，例如：

$keywords = "shoes, bags, shirts, accessoires"

我想从这个字符串中创建一个复选框列表。复选框应在加载页面后显示，并且应选中所有复选框，例如：

[x] shoes [x] bags [x] shirts [x] accessoires

因此，用户应该能够取消选中某些关键字以缩小搜索结果范围。

这在jquery上可能吗？谢谢

拆分关键字，并迭代它们，创建一个标签和一个复选框：

var keywords = "shoes, bags, shirts, accessoires";
$.each(keywords.split(','), function(_, word) {
    var lbl = $('<label />', {text: word}),
        box = $('<input />', {type: 'checkbox', name: word, checked: 'checked'});
    lbl.prepend(box).appendTo('body');
});

小提琴

$keywords = "shoes, bags, shirts, accessoires";
var keyword_array=$keywords.split(",");
var str="";
$.each(keyword_array, function( index, value ) {
str +="<input type='checkbox' >"+ value + "</input>";  
});

现在使用此 str 逐个设置 HTML

引用每个