Javascript 操作表格table

zilong32 2006-09-18 06:04:04
问题:
<input id="btn1" type="button" value="全选">
<table>
<tr><td> <input id="checkbox1" type="checkbox" > </td></tr>
<tr><td> <input id="checkbox1" type="checkbox" > </td></tr>
</table>

其中第一列的checkbox与第二列的checkbox不能同时选择.
按"全选"时第一列不处于全选状态时checkbox全选,处于全选状态时checkbox全部不选.

在线等……,请高手帮忙.
...全文
102 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
zilong32 2006-09-18
  • 打赏
  • 举报
回复
已解决,谢谢!
HipHop_VS_Cpp 2006-09-18
  • 打赏
  • 举报
回复
<input id="btn1" type="button" value="全选" onclick="btn_click()">
<table>
<tr><td> <input id="checkbox1" type="checkbox" onclick="checkSel(this)"> </td></tr>
<tr><td> <input id="checkbox1" type="checkbox" onclick="checkSel(this)"> </td></tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
function btn_click(){
var els = document.getElementsByName("checkbox1");
var isSelAll = true;
//判断是否全选
for(var i=0;i<els.length;i++){
if (!els[i].checked){
isSelAll = false;
break;
}
}

if (isSelAll)
for(var i=0;i<els.length;i++) els[i].checked = false;
else
for(var i=0;i<els.length;i++) els[i].checked = true;
}

function checkSel(el){
var els = document.getElementsByName("checkbox1");
//去掉所有选择的
for(var i=0;i<els.length;i++) els[i].checked = false;
//只选点中的
el.checked = true;
}
//-->
</SCRIPT>
avisnet 2006-09-18
  • 打赏
  • 举报
回复
function btn_click() {
var col1 = document.getElementById('col1');
for(var i = 0; i < col1.childNodes.length; i++) {
var v = col1.childNodes[i];
if(v.type == 'checkbox') {
if(v.status == true) {
v.status = false;
}
else {
v.status = true;
}
}
}
}

110,545

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧