Rumah >hujung hadapan web >tutorial js >JQuery melaksanakan jadual butang klik jadual dinamik untuk menambah row_jquery

JQuery melaksanakan jadual butang klik jadual dinamik untuk menambah row_jquery

WBOY
WBOYasal
2016-05-16 16:38:462478semak imbas

Pelaksanaan fungsi: Klik butang Tambah untuk menambah baris pada jadual dan tetapkan nilai pada atribut namanya untuk akses mudah

Klik Padam untuk memadamkan baris ini secara automatik

Tentukan pembolehubah kiraan dalam JQuery

var count = 1;
function add() {
var tbl = document.all.ci;
var rows = tbl.rows.length;
var tr = tbl.insertRow(rows);

var e_id = tr.insertCell(0);
e_id.innerHTML = '<input type="text" name="e_id' + count + '" size="7" />';

var class_id = tr.insertCell(1);
class_id.innerHTML = '';

var memo = tr.insertCell(2);
memo.innerHTML = '<input type="text" name="memo' + count + '" size="14" />';

var del = tr.insertCell(3);
del.innerHTML = '<input type="button" onclick="del(this)" value="删除" />';
count++;
}

function del(btn) {
var tr = btn.parentElement.parentElement;
var tbl = tr.parentElement;
if (tr.rowIndex >= 1) {
tbl.deleteRow(tr.rowIndex);
} else {

}
};

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn