需要将这两个JavaScript函数转换为jquery
下面是两个JavaScript函数的示例,addRow用于添加表行,deleteRow用于删除表的选中行。如何将其转换为jQuery需要将这两个JavaScript函数转换为jquery,javascript,jquery,Javascript,Jquery,下面是两个JavaScript函数的示例,addRow用于添加表行,deleteRow用于删除表的选中行。如何将其转换为jQuery function addRow(tableID) { var table = $("#dataTable");//document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount);
function addRow(tableID) {
var table = $("#dataTable");//document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name="chkbox";
element1.onclick= function () {toggleCheckbox(this)};
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
cell2.innerHTML = document.getElementById("fname").value;
var cell3 = row.insertCell(2);
cell3.innerHTML = document.getElementById("lname").value;
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}
因此,不需要转换, 如果你想的话
function addRow(tableID) {
var table = $("#dataTable");//document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
cell1.appendChild('<input type="checkbox" name="chkbox" onclick="function ({toggleCheckbox(this)}">');
var cell2 = row.insertCell(1);
cell2.html($("#fname").value);
var cell3 = row.insertCell(2);
cell3..html($("#lname").value);
}
function deleteRow(tableID) {
try {
var table = $('#'+tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}创建一个示例JSFIDLE,以便给出答案的人可以测试他们的答案。请检查此JSFIDLE文件。单击“添加行”按钮,将弹出一个获取名字和姓氏的弹出窗口。提交后,将在带有复选框的表中插入具有相同输入的行。现在要删除该行,用户将从复选框中选择一行,然后单击“删除行”,它将被简单删除。此操作不需要数据库交互。谢谢