JavaScript checkbox 设置背景

发布时间:2020-07-24编辑:脚本学堂
要求:单击复选框,如果复选框是选中状态则设置背景为pink,否则设置为#FFFFFF。

要求:单击复选框,如果复选框是选中状态则设置<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所有行背景色与文本框内容