Question

继承人DEMO，继承人演示ttp：//jsfiddle.net/2GfhF/7

表单操作错误？当我在localhost上尝试时，val来自新行中的节目，但后来消失了。任何溶胶？

Answer 1

您好，您必须在表单提交上添加return false，因为它会重新加载页面。

或者您可以在.appendTo()调用

后添加以下代码

$('.form-actions button[type="button"]').trigger('click');//to close modal

    return false;// stop page to reload

新更新的完整脚本

$("#save_add_new_row").click(function () {
    var $tr = $('<tr />');
    $tr.append($("<td />", {
        text: $("#category_selection_list").val()
    }));
    $tr.append($("<td />", {
        text: $("#curriculum_name").val()
    }));
    $tr.append($("<td />", {
        text: $("#curriculum_textarea").val()
    }));
     if($("#checkbox_status").prop('checked') == true){
    $tr.append("<td style='text-align:center;' class='label-success' >Active</td>");
    }else{
        $tr.append("<td style='text-align:center;' class='label-danger' >Inactive</td>");

    }
    //$tr.append($("<td />", { text: $(".test5:checked").val() }))
    $tr.appendTo($("#sample_editable_1"));
$('.form-actions button[type="button"]').trigger('click');//to close modal

    return false;
});

Answer 2

如果选中，则等于文本处于活动状态，如果不等于处于非活动状态：

您可以使用代码

 if($("#checkbox_status").prop('checked') == true){
    $tr.append($("<td />", {
        text:  'Active'
    }))
    }else{
                $tr.append($("<td />", {
        text:  'Inactive'
    }))

在bootstrap模式表单中提交表单以执行appendTo html表

2 个答案: