Question

Please check this code: http://jsfiddle.net/Hce8y/

I’m trying to generate a list of grouped check boxes:

function ItemCode_Changed(sender, onload) {
$('#category-contianer-id-3').append(
        '<div data-role="fieldcontain">'
             + '<fieldset data-role="controlgroup">'
                + '<legend>Choose as many:</legend>'
                + '<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />'
                + '<label for="checkbox-1a">Cheetos</label>'
                + '<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />'
                + '<label for="checkbox-2a">Doritos</label>'                    
                + '<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />'
                + '<label for="checkbox-3a">Fritos</label>'
                + '<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />'
                + '<label for="checkbox-4a">Sun Chips</label>'
            + '</fieldset>'
        + '</div>');

$('#category-contianer-id-3 [data-role="fieldcontain"]').fieldcontain();
    $('#category-contianer-id-3 [data-role="fieldcontain"]').fieldcontain('refresh');

    $("#category-contianer-id-3 input[type='checkbox']").checkboxradio();
$("#category-contianer-id-3 input[type='checkbox']").checkboxradio('refresh');
//$('#my-home').page();

}

when change the text in the input, but the result doesn’t looks like the demo.

Is there any mistakes, any help are appreciated.

Answer 1

You have to call both methods:

$('input[type=checkbox]').checkboxradio();
$('fieldset').controlgroup();

Calling fieldcontain() after changing its child-elements doesn’t change anything. At least I was not able to see any differences.