Javascript HTML的不同行为<；输入>；选中属性

HTML

属性在不同的浏览器中发生不同的行为。我通过单击按钮从Javascript生成了

input

属性。复选框在Firefox浏览器中可见，但在Chrome浏览器中不显示。生成的HTML代码是

<input id="0" class="col-sm-1" onclick="checkImage(this)" name="images[0].isActiveDefault" type="checkbox">

FireFox浏览器

Chrome浏览器

如果您有任何帮助或建议来解决此问题，我们将不胜感激

编辑添加的JavaScript代码

function addImagerow(tableId) {
    var rowValue = parseInt(document.getElementById('image-add').value);
    var tableData = "<tr><td><input id = '"
        + rowValue
        + "' class='col-sm-1' onclick='checkImage(this)' name='images["
        + rowValue
        + "].isActiveDefault' type='checkbox'></td><td>Default</td>"
        + "<tr>";
    document.getElementById('image-add').value = rowValue + 1;
    $(tableData).appendTo(tableId);
}

函数addImagerow（tableId）{
var rowValue=parseInt（document.getElementById（'image-add'）.value）；
var tableData=“默认值”
+ "";
document.getElementById（'image-add'）。value=rowValue+1；
$（tableData）.appendTo（tableId）；
}

在浪费了很多时间之后，我发现了这个问题。虽然这个问题很愚蠢，但我从中吸取了教训。好的，问题出在设计上。从

输入字段

中删除

class='col-sm-1'

。它工作得很好

我为

输入字段添加了
引导css
，但没有为
表数据字段添加

var tableData=“默认值”
+ "";

至

var tableData = "<tr><td><input id = '"
    + rowValue
    + "onclick='checkImage(this)' name='images["
    + rowValue
    + "].isActiveDefault' type='checkbox'></td><td>Default</td>"
    + "<tr>";

var tableData=“请在创建复选框的地方发布JS代码。如果您将该标记直接复制并粘贴到HTML代码中，它会显示吗？@MátéSafranka是的，如果我直接复制粘贴，它会工作。
var tableData = "<tr><td><input id = '"
    + rowValue
    + "onclick='checkImage(this)' name='images["
    + rowValue
    + "].isActiveDefault' type='checkbox'></td><td>Default</td>"
    + "<tr>";