勾选复选框后文字背景变色

<script> function chaCloor(field){ var pig = field.checked; pig?field.nextSibling.style.backgroundColor="yellow":field.nextSibling.style.backgroundColor="#fff"; } </script> <table height=50 width=148> <tr> <td width="138"><input type="checkbox" onClick="chaCloor(this)"><span>选项1</span></td> </tr> <tr> <td width="138"><input type="checkbox" onClick="chaCloor(this)"><span>选项2</span></td> </tr> <tr> <td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项3</span></td> </tr> <tr> <td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项4</span></td> </tr> <tr> <td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项5</span></td> </tr> <tr> <td width="138"><input type="checkbox" onClick="chaCloor(this)" ><span>选项6</span></td> </tr> </table> <style> .checkbox { background-Color:expression(this.checked?'yellow':'buttonface'); } </style> <input type=checkbox class=checkbox> <input type=checkbox class=checkbox> <input type=checkbox class=checkbox> <input type=checkbox class=checkbox>          提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇文章： 防止查看源代码清空代码

下一篇文章： 超酷勾选复选框表格背景变色

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】