JS控制鼠标选择内容的代码

来源：百度知道 编辑：UC知道 时间：2024/06/22 22:15:21
这是一段时间选择条的代码
<table id=t1 border="1" width="90%">
<tr>
<td id=td11 colspan="3" align="center">8时</td>
<td id=td11 colspan="3" align="center">9时</td>
</tr>
<tr>
<td id=td81 onclick="selTD(this);" height="50"><br></td>
<td id=td82 onclick="selTD(this);"><br></td>
<td id=td83 onclick="selTD(this);"><br></td>
<td id=td91 onclick="selTD(this);" height="50"><br></td>
<td id=td92 onclick="selTD(this);"><br></td>
<td id=td93 onclick="selTD(this);"><br></td>
</tr>
</table>
现在想要实现的功能就是
我可以用鼠标进行选择时间段，选择提交以后，已选择的时间段不可以重新选择。只可以在未进行选择的部分进行时间段的选择。

各位达人，有没有思路什么的，提供一下啊？？？？

<script type="text/javascript">
arr = new Array();
function selTD(obj)
{

for(var i in arr)
{
if(obj.innerHTML==arr[i])
{
alert("已经被选过了！");
return;
}

}
alert("选中一个");
arr.push(obj.innerHTML);

}
function showSel(){
for(var i in arr)
{
alert("arr["+i+"]="+arr[i]);
}
}
</script>

<table id=t1 border="1" width="90%">
<tr>
<td id=td11 colspan="3" align="center">8ʱ</td>
<td id=td11 colspan="3" align="center">9ʱ</td>
</tr>
<tr>
<td id=td81 onclick="selTD(this);" height="50">时间1</td>
<td id=td82 onclick="selTD(this);