Question

我正在动态创建html表。每行都有标签和复选框。表已成功创建，但未选中或取消选中该复选框。

我希望整个html代码作为字符串在另一个函数中使用它来在模态弹出窗口中显示表

这是代码......

$("#btnActivate").click(function () {

        $.ajax({
            type: "POST",
            url: "/configuration/getConfiguredSmartCrind",
            dataType: "text",
            success: function (response) {
                var result = JSON.parse(response);


                var str = "<div class='table-responsive' style='width:100%;'><table id='activateConfigurationTable' class='table  fc-style'><thead><tr><th style='width:50%;'>SmartCRIND Id</th><th style='width:50%;'>Status</th></tr></thead><tbody>";

                for (var i = 0; i < result.length; i++) {
                    str += "<tr id='" + result[i] + "'><td>" + result[i] + "</td><td><input type='checkbox' id='chk" + result[i] + "' name='check'  value='check" + result[i] + "'/></td></tr>";


                }
                str += "</tbody></table></div>";                   

                confirmOkModal(str, "activateConfiguration();", "", 'Continue', 'Abort');
            },
            error: function (textstatus, errorThrown) {
                alert('error occurred');
            }
        });

    });

Answer 1

我的代码中的confirmOkModal是一个 bootstrap模式。这就是复选框无效的原因。

在这种情况下，两个事件似乎相互淘汰。我必须在点击事件中克服bootstrap模态e.preventDefault（）。

used =＆gt;复选框点击事件中的 e.stopImmediatePropagation（）; 。

Checkbox工作正常。

Answer 2

如果您想要选中复选框，只需在结束标记之前添加checked，如<input type="checkbox" checked/>

在html表中动态添加时，无法检查复选框

2 个答案: