Jquery动态增加行和删除行

时间:2024-04-07 11:34:54
$("#add_5").click(function(){

var str_1="<tr> <td><input type=\"text\" placeholder=\"商品名称\"  class=\"reg_input mput\"> </td>" +
" <td> <label class=\"radio\"> <input type=\"radio\" name=\"Umbrella\">每天</label> " +
" <label class=\"radio\"> <input type=\"radio\" checked=\"checked\" name=\"Umbrella\">每次 </label> " +
" </td><td>收费<input type=\"text\" placeholder=\"\" class=\"reg_input mput\"> 元 </td>" +
" <td><a class=\"cancel\ onclick=\"$(this).parents(\"tr\").remove()\" >取消</a></td>" +
" </tr> ";
$("#add_5s").append(str_1);
}); /*删除选中行*/
$(".cancel").live("click",function(){
if(confirm("确定要删除吗?")){
$(this).parents("tr").remove();
}
});