要求:单击复选框,如果复选框是选中状态则设置<td>背景为pink,否则设置为#FFFFFF。
页面表单中的复选框:
复制代码 代码如下:
<table>
<tr>
<td id="2009-8-17">
<input type="
checkbox" name="time" value="2009-8-17" style="border:0px;"
onclick="SetBgColor(this, '2009-8-17')" />2009-8-17
</td>
</tr>
</table>
注意:SetBgColor() 函数的第二个参数,如果用变量表示,必须加上单引号或双引号,否则脚本报错。
第二个参数是<td>的id值。
javascript脚本:
复制代码 代码如下:
<script language="javascript">
function SetBgColor(obj, id) {
if (obj.
checked == true) {
document.getElementByIdx(id).bgColor="pink";
} else {
document.getElementByIdx(id).bgColor="#FFFFFF";
}
}
</javascript>
您可能感兴趣的文章:
JS 点击a标签时自动变换背景
更换select下拉菜单背景样式的js代码
JS清空table所有行背景色与文本框内容