JS操作表格
操作选择 | 商品编号 | 宝贝图片 | 商品名称 | 商品价格 | 文件上传 | 宝贝详情 | 操作选项 |
---|
window.JSONARR = [];
var i = 0 , x = 2;
function SelectAll()
{
var Checkbox = document.getElementsByClassName(‘checkbox’);
for(var i = 0; i < Checkbox.length; i++)
{
if(Checkbox[i].checked == true)
{
Checkbox[i].checked = false;
}
else
{
Checkbox[i].checked = true;
}
}
}
function DeleteAll()
{
var Del = document.getElementsByName(‘del’);
if (confirm(“您确定要删除选中项吗?”))
{
for(var i = 0; i < Del.length; i++)
{
if(Del[i].checked == true)
{
document.getElementById(‘Table’).deleteRow(i+1);
i = i - 1;
}
}
}
else
{
return false;
}
}
function InsertRow()
{
i ++; x ++;
var Row = document.getElementById(‘tbody’).insertRow();
Row.insertCell().innerHTML = “”;
Row.insertCell().innerHTML = “NO_”+i;
Row.insertCell().innerHTML = “”;
Row.insertCell().innerHTML = “”;
Row.insertCell().innerHTML = “¥元”;
Row.insertCell().innerHTML = “”;
Row.insertCell().innerHTML = “宝贝详情!”
Row.insertCell().innerHTML = “”;
}
function UpData()
{
window.JSONARR =[];
getValue();
function getValue() {
var tbody = document.getElementById(‘tbody’);
var tr = tbody.getElementsByTagName(‘tr’);
alert(“表格总行数:” + tr.length + “行”);
for (var i = 0; i < tr.length; i++)
{
window.JSONARR.push({
“Checkbox” : tr[i].cells[0].getElementsByTagName(“INPUT”)[0].value,
“goods_mupiao” : tr[i].cells[0].getElementsByTagName(“INPUT”)[0].getAttribute(‘data-mupiao’),
“goods_names” : tr[i].cells[0].getElementsByTagName(“INPUT”)[0].getAttribute(‘data-names’),
“goods_admin” : tr[i].cells[0].getElementsByTagName(“INPUT”)[0].getAttribute(‘data-admin’),
“goods_id” : tr[i].cells[1].innerText,
“img_src” : tr[i].cells[2].getElementsByTagName(“img”)[0].src,
“goods_name” : tr[i].cells[3].getElementsByTagName(“INPUT”)[0].value,
“goods_rmb” : tr[i].cells[4].getElementsByTagName(“INPUT”)[0].value,
“goods_info” : tr[i].cells[6].innerText,
})
}
}
alert(JSON.stringify(window.JSONARR));
}
function DeleteRow(obj)
{
if (confirm(“您确定要删除吗?”))
{
var Row = document.getElementById(‘tbody’);
Row.deleteRow(obj.parentElement.parentElement.rowIndex - 1);
alert(‘商品删除成功!’);
}
else
{
return false;
}
}