javascript,js,table,表格全选,行全选,列全选,变色,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>SageZk - SagaTable</title><script type="text/javascript">//<!.nodeType == 1 && cns.nodeName == sTagName) fCallBack(cns);searchNodes(cns, sTagName, fCallBack); }};function dealclick() { this.parentNode.parentNode.style.backgroundColor = this.checked ? "#CCCCCC" : "#FFFFFF"; var r, c; outer: for (var y = 0; y < m.length; ++y) {for (var x = 0; x < m.length; ++x) { if (m == this) { r = y; c = x; break outer; }} } if (r == 0 && c == 0) {for (var y = 0; y < m.length; ++y) { for (var x = 0; x < m.length; ++x) { m.checked = this.checked; m.parentNode.parentNode.style.backgroundColor = this.checked ? "#CCCCCC" : "#FFFFFF"; }}} else if (r == 0) {for (var y = 1; y < m.length; ++y) { m.checked = this.checked; m.parentNode.parentNode.style.backgroundColor = this.checked ? "#CCCCCC" : "#FFFFFF";} } else if (c == 0) {for (var x = 1; x < m.length; ++x) { m.checked = this.checked; m.parentNode.parentNode.style.backgroundColor = this.checked ? "#CCCCCC" : "#FFFFFF";} } else {// }}window.onload = function() { m = new Array(); var frm = document.getElementById("f1"); searchNodes(frm, "TR",function(tr) { var cbs = new Array(); var tds = tr.childNodes; for (var i = 0; i < tds.length; ++i) { if (tds.nodeType != 1) continue; var txt = document.createTextNode(tds.innerHTML); var chk = document.createElement("input"); chk.setAttribute("type", "checkbox"); chk.onclick = dealclick; var lbl = document.createElement("label"); lbl.appendChild(txt); lbl.appendChild(chk); cbs.push(chk); tds.replaceChild(lbl, tds.firstChild); } m.push(cbs);} );};//]]></script></head><body><form id="f1"><table border="1"> <tr> <th>全选</th> <th>1月</th> <th>2月</th> <th>3月</th> <th>4月</th> <th>5月</th> <th>6月</th> </tr> <tr> <th>2008年</th> <td>1000</td> <td>2000</td> <td>3000</td> <td>3000</td> <td>3000</td> <td>3000</td> </tr> <tr> <th>2007年</th> <td>4000</td> <td>5000</td> <td>6000</td> <td>3000</td> <td>3000</td> <td>3000</td> </tr> <tr> <th>2006年</th> <td>7000</td> <td>8000</td> <td>9000</td> <td>3000</td> <td>3000</td> <td>3000</td> </tr> <tr> <th>2005年</th> <td>7000</td> <td>8000</td> <td>9000</td> <td>3000</td> <td>3000</td> <td>3000</td> </tr></table></form> </body></html>黑色头发 http://heisetoufa.iteye.com
页:
[1]