表格复选和复选变色效果

作者:不详　来源:source　【大 中 小】　浏览:　添加日期：2007-07-12　我要评论(3)　

//复选后单元格变色
function chkRow(obj){
var r = obj.parentElement.parentElement;
if(obj.checked){ r.style.backgroundColor="#E6E9F2";}
else {if(r.rowIndex%2==1)r.style.backgroundColor="";else r.style.backgroundColor="#F5F5F5";}
}
</script>
<table width="50%" border="1" cellpadding="3" cellspacing="0" bordercolor="#333333" class="tb">
<form name="form1" method="post" action="">
 <tr class="row">
  <td width="5%"> </td>
  <td width="33%" align="center"><strong>论坛名称</strong></td>
  <td width="62%" align="center"><strong>网 址</strong></td>
 </tr>
 <tr class="row">
  <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>
  <td align="center">标准之路</td>
  <td align="center"><a href="http://www.aa25.cn/" target="_blank">http://www.aa25.cn/</a></td>
 </tr>
 <tr class="row">
  <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>
  <td align="center">DIV+CSS教程</td>
  <td align="center"><a href="/css2/index.shtml" target="_blank">http://www.aa25.cn/css-1.shtml</a></td>
 </tr>
 <tr class="row">
  <td align="center"><input type="checkbox" name="id[]" value="1" onclick="javascript:chkRow(this);"></td>
  <td align="center">常用代码</td>
  <td align="center"><a href="/css2/index4.shtml" target="_blank">http://www.aa25.cn/css-4.shtml</a></td>
 </tr>
 <tr class="row">
  <td colspan="3"><input type="checkbox" name="chkAll" title="全选/取消" onclick="selectAll()"> <strong>全选/取消</strong></td>
  </tr>
</form> 
</table>

标准之路www.aa25.cn 提示：可以先修改部分代码后再运行

（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）

〖常用代码〗Tags: 背景变色 复选

所属专题：JS代码

上一篇：如何用CSS自定义鼠标显示的形状？
下一篇：单击表格变换颜色

表格复选和复选变色效果

作者:不详　来源:source　【大 中 小】　浏览:　添加日期：2007-07-12　我要评论(3)

〖常用代码〗Tags: 背景变色 复选

所属专题：JS代码

相关文章

更多评论(3)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

表格复选和复选变色效果

作者:不详 来源:source 【大 中 小】 浏览: 添加日期：2007-07-12 我要评论(3)

〖常用代码〗Tags: 背景变色 复选

所属专题：JS代码

相关文章

更多评论(3)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

作者:不详　来源:source　【大中小】　浏览:　添加日期：2007-07-12　我要评论(3)　

〖常用代码〗Tags: 背景变色复选