如何在js

时间:2016-06-26 11:46:11

标签: javascript html

[![这是一个使用HTML设计的表] [1]] [1]

您好, 在此表中,用户可以选择任何单元格(甚至是多个单元格)。我需要的是,一旦按下提交按钮,相应的行方式和列方式表格数据,即本例中的B和1pm必须存储在数据库中。

<script type="text/javascript">
function change()
{
var cells = document.querySelectorAll("td");

for (var i = 0; i < cells.length; i++) {
    cells[i].addEventListener("click", function() {
       this.className= this.className == "white" ? "green" : "white";
    });
}
}

function alert()
{
var cells = document.querySelectorAll("td");

for(var i=0;i<cells.length;i++)
{
if(cells[i].className.match("green"))
{
document.getElementById('p1').innerHTML="Appointment fixed";

}

}

}

</script>

如果选择了任何一个单元格,则这是提交单元格的js和提交时的警告消息

我是js的新手,所以有人帮我解决这个问题.Thankyou。

1 个答案:

答案 0 :(得分:1)

在每个td元素的HTML中,您可以像这样保存其列名和行名

<td data-r="Fairlands_B" data-c="1pm" class="green"></td>

然后从点击的td中获取行和列数据:

var place=this.dataset.r;
var time=this.dataset.c;