表格选择是指在表格中选择特定行或列的操作。下面是一个使用JavaScript实现表格选择的示例代码:
HTML代码:
Name
Age
Country
John Doe
25
USA
Jane Smith
30
UK
Mike Johnson
35
Canada
JavaScript代码:
function deleteSelectedRows() {
var table = document.getElementById("myTable");
var checkboxes = table.getElementsByClassName("rowCheckbox");
// 遍历所有复选框
for (var i = checkboxes.length - 1; i >= 0; i--) {
if (checkboxes[i].checked) {
// 删除选中行
table.deleteRow(i + 1);
}
}
}
以上代码的功能是在表格的每一行前添加一个复选框,用户可以勾选要删除的行,然后点击按钮执行deleteSelectedRows()
函数删除选中的行。在函数中,首先获取到表格对象和所有的行复选框,然后遍历所有复选框,如果复选框被选中,则删除对应的行。
这只是一个简单的示例,你可以根据实际需求对表格选择功能进行扩展和优化。