Javascript 操作表格table

Question

问题:
<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全部不选.在线等……，请高手帮忙.

Answer 1

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;
}
}
}
}

Answer 2

<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>