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

设置html

参考 each

使用jquery从string创建复选框

2 个答案: