1. 程式人生 > >動態新增html

動態新增html

<tbody id="paramsTb1">

//-------------------js--------------------

for(var i = 0;i<result.length;i++){ //迴圈LIST

var data = result[i];//獲取LIST裡面的物件

var html = "<tr>"

+ "<td class='col-xs-2'><span class='required'>*</span>"+data.name+"</td>"

+ "<td>"

+ "<label>"

+ "<input id='name"+i+"' type='hidden' value="+data.name+" >"

+ "<input id='typeId"+i+"' type='hidden' value="+data.typeId+" >"

+ "</label>"

+ "<label>"

+ "<input id='commission"+i+"' type='checkbox' value='1'>"

+ "<span class='lbl'>返傭</span>"

+ "<input id='returnmoney"+i+"' type='checkbox' value='1'>"

+ "<span class='lbl'>返現</span>"

+ "<input id='card"+i+"' type='checkbox' value='1'>"

+ "<span class='lbl'>自己卡</span>"

+ "</label>"

+ "</td>"

+ "</tr>"

$(html).appendTo($('#paramsTb1'));

}