📄 10.11 选中表格行前的复选框则行变色.htm

📁 一些javascript的小例子希望对初学者有更好的帮助

💻 HTM

字号:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
</head>
<body>
<table width="50%"  border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td bgcolor="#CC6655"><input type="checkbox" name="checkbox" value="checkbox" onClick="if(this.checked){this.parentNode.parentNode.style.background='#cc5566'}else{this.parentNode.parentNode.style.background=''}">
全选</td>
  </tr>
  <tr>
    <td><table id="tab1" width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><input type="checkbox" name="checkbox" value="checkbox" onclick="if(this.checked){this.parentNode.parentNode.style.background='#cc5566'}else{this.parentNode.parentNode.style.background=''}">
      第一行</td><td>第二列</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="checkbox" value="checkbox" onclick="if(this.checked){this.parentNode.parentNode.style.background='#cc5566'}else{this.parentNode.parentNode.style.background=''}">
      第二行</td><td>第二列</td>
      </tr>
    </table></td>
  </tr>
</table></body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -