Question

<div  id="div1"></div>
<script>
    var tbl=$("<table/>").attr("id","mytable");
    $("#div1").append(tbl);
    for(var i=0;i<x.length;i++){
        //alert(x[i].name);
        //alert(x[i].price);
        var tr="<tr>";
        var chk="<th>"+"<input type="checkbox" />"+"</th>";
        var td1="<td>"+x[i].name+"</td>";
        var td2="<td>"+x[i].mainCategory.name+"</td>";
        var td3="<td>"+x[i].subCategory.name+"</td>";
        var td4="<td>"+x[i].price+"</td>";
        var td5="<td>"+x[i].quantity+"</td></tr>";
        $("#mytable").append(tr+td1+td2+td3+td4+td5); 
    }
</script>

我想在每行旁边动态添加一个复选框，并且id是行数。请帮助。

Answer 1

您的复选框列字符串应为

var chk="<td><input type='checkbox' id='chk_"+i+"' /></td>";

Answer 2

而不是 ~~var chk="<th>"+"<input type="checkbox" />"+"</th>";~~ ，

使用var chk="<th>"+"<input type='checkbox' />"+"</th>";

请注意，我已将"替换为' checkbox，因为您无法在字符串中使用分隔符"而无法转义它，或者在这种情况下使用相反，单引号。

我想使用jquery动态地在表中的每一行旁边添加一个复选框

2 个答案: