Question

我有一个HTML，如下所示

 <form> 
<input type="checkbox" class="checkboxclas" name="checkbox-mini-0" id="' + random_number + '" data-mini="true" id_attr="' + random_number + '">
<label class="testtt" for="checkbox-mini-0">' + responseinner[i].name + '</label> 
</form>

点击一个复选框，我将上面的HTML添加到另一个div 所以在将它添加到另一个div之前，我需要检查它。

我尝试了以下内容。

$(document).on("click", ".checkboxclas", function(e) {

    if ($(this).is(':checked')) 
{
        var labelAttr = $(this).closest("form").find('label').text();
        var checkbox_val = $(this).find('.checkboxclas').prop('checked');
        var divdata = $("div#"+id_attr_val+".activateUiHTML").html();
        buildcart.append(divdata);
        $("#myordersdiv ul").append(dataa);
    }
});

这是我的jsfiddle

任何人都可以帮助我。

http://jsfiddle.net/e56TY/18/

Answer 1

试试这个：

$(document).on("click", ".checkboxclas", function(e) {

    var divdata = $("div.activateUiHTML").html();
    $("#ordersdiv").append(divdata).find(".checkboxclas:last").prop("checked",true);;

});

<强> Demo

Answer 2

希望这对你有用：

在追加之前再添加一行。

    $(document).on("click", ".checkboxclas", function(e) {
        var divdata = $("div.activateUiHTML").html();
        $("#ordersdiv").append(divdata);

//Add this line in your code
           $("#ordersdiv").find(".checkboxclas").attr("checked","checked" );

    });

如何在将其添加到div之前选中复选框

2 个答案: