使用 jquery 从字符串创建复选框

Question

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

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

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

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

所以用户应该能够取消选中一些关键字来缩小搜索结果的范围。

jquery 可以吗？谢谢，

Answer 1

拆分关键字，并对其进行迭代，创建一个标签和一个复选框：

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');
});

FIDDLE

Answer 2

$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 by html

参考each