使用复选框附加表格行

时间:2015-03-30 10:35:37

标签: jquery

我的职能:

$("#btn2").click(function(){
    var n = $( '#t01 tr' ).length;
    $("table").append("<tr><td><input type="checkbox" name="Check" value= "1"></input></td><td>"+ n +"</td><td>"+ $("#team_name").val() +"</td></tr>");
});

问题是<input> - 标记。我也尝试过:

"<tr><td><input type=\"checkbox\" name=\"Check\" value= \"1\"></input></td><td>"+ n +"</td><td>"+ $("#team_name").val() +"</td></tr>"

任何人都可以帮助我

2 个答案:

答案 0 :(得分:0)

问题似乎是你在某个地方错过了一个引用字符。 由于Javascript和html都允许您使用单引号定义字符串,因此您可以同时使用两者。 试试这个:

$("#btn2").click(function(){
    var n = $( '#t01 tr' ).length;
    $("table").append("<tr><td><input type='checkbox' name='Check' value= '1'></input></td><td>"+ n +"</td><td>"+ $("#team_name").val() +"</td></tr>");
});

答案 1 :(得分:0)

试试这个

my function:

$('#btn2').click(function(){
    var n = $( '#t01 tr' ).length;
    $('table').append('<tr><td><input type="checkbox" name="Check" value= "1"></input></td><td>'+ n +'</td><td>'+ $("#team_name").val() +'</td></tr>');
});