资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
全选并改变TR颜色的javascript实现代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效 全选并改变TR颜色</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%20for%3D%22checkbox%22%20event%3D%22onclick%22%3E%20%0D%0Atr_bgcolor(this)%3B%20%0D%0A%3C%2Fscript%3E"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20tr_bgcolor(c)%7B%20%0D%0A%20%20%20%20var%20tr%20%3D%20c.parentNode.parentNode%3B%20%0D%0A%20%20%20%20tr.rowIndex%20%25%202%20%3D%3D%200%20%3F%20tr.style.backgroundColor%20%3D%20c.checked%20%3F%20'%23add6a6'%20%3A%20'%23eee'%20%3A%20tr.style.backgroundColor%20%3D%20c.checked%20%3F%20'%23add6d6'%20%3A%20''%3B%20%0D%0A%7D%20%0D%0Afunction%20selall(obj)%7B%20%0D%0A%20%20%20%20for%20(var%20i%3D0%3B%20i%3Cobj.form.elements.length%3B%20i%2B%2B)%20%0D%0A%20%20%20%20if%20(obj.form.elements%5Bi%5D.type%20%3D%3D%20'checkbox'%20%26%26%20obj.form.elements%5Bi%5D%20!%3D%20obj)%7B%20%0D%0A%20%20%20%20%20%20%20%20obj.form.elements%5Bi%5D.checked%20%3D%20obj.checked%3B%20%0D%0A%20%20%20%20%20%20%20%20tr_bgcolor(obj.form.elements%5Bi%5D)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> </head> <body> <form id="form1" name="form1" method="post" action=""> <table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#888888"> <tr><td><input name="selectall" type="checkbox" value="全选" onclick="selall(this)" /></td></tr> <tr><td> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr style="background-color:#eee;"><td width="6%"><input type="checkbox" name="checkbox" /></td><td width="94%">***********************</td></tr> <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr> </table> </td></tr> </table> </form> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20event%3D%22onclick%22%20for%3D%22checkbox%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Atr_bgcolor(this)%3B%20%0D%0A%3C%2Fscript%3E"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20tr_bgcolor(c)%7B%20%0D%0Avar%20tr%20%3D%20c.parentNode.parentNode%3B%20%0D%0Atr.rowIndex%20%25%202%20%3D%3D%200%20%3F%20tr.style.backgroundColor%20%3D%20c.checked%20%3F%20'%23FFCC99'%20%3A%20'%23eee'%20%3A%20tr.style.backgroundColor%20%3D%20c.checked%20%3F%20'%23FFCC99'%20%3A%20''%3B%20%0D%0A%7D%20%0D%0Afunction%20DoSelect(obj)%7B%20%0D%0Afor%20(var%20i%3D0%3B%20i%3Cobj.form.elements.length%3B%20i%2B%2B)%7B%20%0D%0Aif%20(obj.form.elements%5Bi%5D.type%20%3D%3D%20'checkbox'%20%26%26%20obj.form.elements%5Bi%5D%20!%3D%20obj)%7B%20%0D%0Aobj.form.elements%5Bi%5D.checked%20%3D%20obj.checked%3B%20%0D%0Atr_bgcolor(obj.form.elements%5Bi%5D)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> <form id="form1" name="form1" action="" method="post"> <table cellSpacing="1" cellPadding="1" width="500" align="center" bgColor="#888888" border="0"> <tr> <td> <input onclick="DoSelect(this)" type="checkbox" value="All" name="sel_box" id="sel_box" /><label for="sel_box">全选</label></td> </tr> <tr> <td> <table cellSpacing="1" cellPadding="5" width="100%" bgColor="#ffffff" border="0"> <tr style="background:#f1f1f1"> <td width="6%"><input type="checkbox" name="checkbox" /></td> <td width="94%">内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> </table> </td> </tr> </table> </form>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程