Using jquery to create checkboxes from string

Question

I do have a string that contains keywords, like:

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

I want to have created a list of checkboxes out of this string. The checkboxes should show up after loading the page and all checkboxes should be checked, like:

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

So user should be able to uncheck some keywords to narrow down search results.

Is this possible with jquery? Thanks,

Answer 1

split up the keywords, and iterate over them creating a label and a checkbox :

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>";  

});

now use this str to set html by html

reference each