js选择td标签中的数字时！如何实现多选
大哥你这样不行你要是直接调用那个选择的方法他就像选择大小时选了一个当选择另一个时他就清除了上一个！不能实现多选！不过我先写了个可一多选的方法但我不知道怎么吧他应用到！你的...
大哥 你这样不行 你要是直接调用那个选择的方法 他就像选择大小时选了一个当选择另一个时他就清除了上一个 ！ 不能实现多选 ！ 不过我先写了个可一多选的方法 但我不知道 怎么吧他应用到！你的代码里 还有 如果我有个文本框 我要把我选择的 数字添加到文本框中去 该咋办睨？ 谢谢帮我解决下 这问题困扰了我 好几天了 ！你让我看到了希望啊！
这是我写的那个方法function tdonclick(num,Position)
{
var str='';
var s;
//array.push(num)
var i,j=0;
if(window.tdna[num].className=='button11')
{
window.tdna[num].className='button22';
}else{
window.tdna[num].className='button11';
}
这是我td标签里数字的事件的一部分
<td class="button11" name="tdna20" id="tdna" value="0" onclick="tdonclick('20',3);"align="center" width="23"> 0</td>
<td class="button11" name="tdna21" id="tdna" value="1" onclick="tdonclick('21',3);"align="center">
1</td>
<td class="button11" name="tdna22" id="tdna" value="2" onclick="tdonclic('22',3);"align="center">
2</td>
<td class="button11" name="tdna23" id="tdna" value="3" onclick="tdonclick('23',3);" align="center">
3</td>
<td class="button11" name="tdna24" id="tdna" value="4" onclick="tdonclick('24',3);" align="center">
4</td> 展开
这是我写的那个方法function tdonclick(num,Position)
{
var str='';
var s;
//array.push(num)
var i,j=0;
if(window.tdna[num].className=='button11')
{
window.tdna[num].className='button22';
}else{
window.tdna[num].className='button11';
}
这是我td标签里数字的事件的一部分
<td class="button11" name="tdna20" id="tdna" value="0" onclick="tdonclick('20',3);"align="center" width="23"> 0</td>
<td class="button11" name="tdna21" id="tdna" value="1" onclick="tdonclick('21',3);"align="center">
1</td>
<td class="button11" name="tdna22" id="tdna" value="2" onclick="tdonclic('22',3);"align="center">
2</td>
<td class="button11" name="tdna23" id="tdna" value="3" onclick="tdonclick('23',3);" align="center">
3</td>
<td class="button11" name="tdna24" id="tdna" value="4" onclick="tdonclick('24',3);" align="center">
4</td> 展开
1个回答
展开全部
<html>
<head>
<script language="javascript">
function $(taglib)
{return document.getElementById(taglib);
}
function selectdata(tag,e)
{var cur=-1;
var tabobj=$("choose_data");
var trobj=tabobj.rows[0];
var tdobj=trobj.cells;
var bg="#00F";
var fg="#FFF";
if(e!=null&&e.srcElement.tagName.toLowerCase()=="td")
{cur=parseInt(e.srcElement.innerHTML);
e.srcElement.style.background=bg;
e.srcElement.style.color=fg;
$("result").value+=cur;
return false;
}
for(i=0;i<tdobj.length;i++)
{var tmp=parseInt(tdobj[i].innerHTML);
if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")
{tdobj[i].style.background=bg;
tdobj[i].style.color=fg;
}
else{
tdobj[i].style.background="#FFF";
tdobj[i].style.color="#000";
}
}
}
</script>
</head>
<body>
<table border=1 id="choose_data" onclick="selectdata('none',event);">
<tr>
<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>
<span onclick="selectdata('big')">大</span>，<span onclick="selectdata('small')">小</span>，<span onclick="selectdata('odd')">单</span>，<span onclick="selectdata('even')">双</span>，<span onclick="selectdata('all')">全</span>，<span onclick="selectdata('none')">清</span>
<br/>
<input id="result"/>
</body>
</html>
要学会举一反三哦
<head>
<script language="javascript">
function $(taglib)
{return document.getElementById(taglib);
}
function selectdata(tag,e)
{var cur=-1;
var tabobj=$("choose_data");
var trobj=tabobj.rows[0];
var tdobj=trobj.cells;
var bg="#00F";
var fg="#FFF";
if(e!=null&&e.srcElement.tagName.toLowerCase()=="td")
{cur=parseInt(e.srcElement.innerHTML);
e.srcElement.style.background=bg;
e.srcElement.style.color=fg;
$("result").value+=cur;
return false;
}
for(i=0;i<tdobj.length;i++)
{var tmp=parseInt(tdobj[i].innerHTML);
if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")
{tdobj[i].style.background=bg;
tdobj[i].style.color=fg;
}
else{
tdobj[i].style.background="#FFF";
tdobj[i].style.color="#000";
}
}
}
</script>
</head>
<body>
<table border=1 id="choose_data" onclick="selectdata('none',event);">
<tr>
<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>
<span onclick="selectdata('big')">大</span>，<span onclick="selectdata('small')">小</span>，<span onclick="selectdata('odd')">单</span>，<span onclick="selectdata('even')">双</span>，<span onclick="selectdata('all')">全</span>，<span onclick="selectdata('none')">清</span>
<br/>
<input id="result"/>
</body>
</html>
要学会举一反三哦
来自：求助得到的回答
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
