>웹 프론트엔드 >JS 튜토리얼 >JQuery는 row_jquery를 추가하기 위해 동적 테이블 클릭 버튼 테이블을 구현합니다.

JQuery는 row_jquery를 추가하기 위해 동적 테이블 클릭 버튼 테이블을 구현합니다.

WBOY
WBOY원래의
2016-05-16 16:38:462478검색

함수 구현: 추가 버튼을 클릭하여 테이블에 행을 추가하고 쉽게 액세스할 수 있도록 이름 속성에 값을 할당합니다

삭제를 클릭하면 이 줄이 자동으로 삭제됩니다

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 {

}
};

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.