Для начала половину кода можно было не размножать:
function addrow() {
var tbody = document.getElementByTagName('tbody')[0];
var row = document.createElement('TR');
tbody.appendChild(row);
var f = function(fieldType, params){
var cell = document.createElement('TD');
var field = document.createElement(fieldType);
for (var key in params) {
field.setAttribute(key, params[key])
}
cell.appendChild(field);
row.appendChild(cell);
};
f('INPUT', {type: 'checkbox', name: 'check', 'class': 'check', value: 'test'});
f('INPUT', {type: 'text', ...});/*Вместо многоточия напиши все необходимые параметры*/
f('INPUT', {...});/*Вместо многоточия напиши все необходимые параметры*/
f('INPUT', {...});/*Вместо многоточия напиши все необходимые параметры*/
f('INPUT', {...});/*Вместо многоточия напиши все необходимые параметры*/
f('INPUT', {...});/*Вместо многоточия напиши все необходимые параметры*/
}
Таблицу перерисовывать после добавления товара - а на кой это нужно? Добавляй новые строки в конец таблицы через tbody.appendChild и всё. Только на всякий случай проверяй, что у нужной таблицы есть этот tbody... мало ли какой браузер попадется...
Создать кнопку ты и так можешь - у тебя в твоем коде есть все операции, которые необходимо для этого знать.
Чтобы навесить событие, используй button.onclick = function(e){};, где вместо function(e){} подставляй функцию, которую хочешь. По клику на кнопке открываешь форму для заполнения. После заполнения проверяешь и создаешь новую строку для таблицы...