创建一个动态复选框并检查它是否已被选中

Question

所以我想用jquery mobile创建一个移动网站。我有一个包含多个复选框的字段集。用户必须检查所有这些复选框才能继续。到目前为止工作正常。

<div>
    <fieldset id="checkBoxContainer" data-role="controlgroup" data-type="vertical">
        <input name="CheckBoxGroup" class="CheckBox" id="CheckBox_1" type="checkbox">
        <label for="CheckBox_1">The first Checkbox</label>
        <input name="CheckBoxGroup" class="CheckBox" id="CheckBox_2" type="checkbox">
        <label for="CheckBox_2">The secondCheckbox</label>
        <input name="CheckBoxGroup" class="CheckBox" id="CheckBox_3" type="checkbox">
        <label for="CheckBox_3">The third Checkbox</label>
    </fieldset>
</div>

现在我想用这样的东西动态创建那些文本复选框：

function createCheckBox(theClass, theId) {

    $('#checkBoxContainer').controlgroup("container").append('<label for='
        theId '><input type="checkbox" class='
        theClass ' name="clock-place" "id='
        theId ' />Checkbox</label>');

    $("#checkBoxContainer").enhanceWithin().controlgroup("refresh");

}

但是不知怎的，我怎么不能根据输入和标签元素的参数设置ID和类我怎么办我做错了？
第二个问题是如何检查是否可以动态添加复选框被检查我需要Id以某种方式不要我如何解决这个问题？
目前我正在检查它们：

function controlCheckBoxStatus() {
    $("input.CheckBox").on("change", function() {


        if ($("input#CheckBox_1").is(":checked") &&
            ($("input#CheckBox_2").is(":checked")) &&
            ($("input#CheckBox_3").is(":checked"))) {
            checkBoxStatus = true;
            alert("All checkboxes checked!");

        } else {
            checkBoxStatus = false;
        }
    })

}