📄 checkbox.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<html>
<head>
<title>全选复选框</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#66CCCC" text="#000000">
  <script language="JavaScript"> 

<!-- Begin 
//复选框的数目为8
function checkAll() { 
for (var j = 1; j <= 8; j++) 
{ box = eval("document.checkboxform.C" + j); 
if (box.checked == false) 
box.checked = true; 
} 
} 
function uncheckAll() { 
for (var j = 1; j <= 8; j++) 
{ box = eval("document.checkboxform.C" + j); 
if (box.checked == true) 
box.checked = false; 
} 
} 
// End --> 
</script>

<div align="center">
<table width="42%" border="1" cellspacing="2" cellpadding="2" bordercolorlight="#FF3333" bordercolor="#003399">
    <tr> 
      <td>
        <form name=checkboxform>
          <p align="center"><font face="宋体" size="4"><b><font color="#000099" size="5">全选或全清复选框</font></b></font></p>
          <p>
            <input type=checkbox name=C1>
            sample1<br>
            <input type=checkbox name=C2>
            sample2<br>
            <input type=checkbox name=C3>
            sample3<br>
            <input type=checkbox name=C4>
            sample4<br>
            <input type=checkbox name=C5>
            sample5<br>
            <input type=checkbox name=C6>
            sample6<br>
            <input type=checkbox name=C7>
            sample7<br>
            <input type=checkbox name=C8>
            sample8<br>
            <br>
            <input type=button value="全选" onClick="checkAll()" name="button" class="pt9">
            <input type=button value="全清" onClick="uncheckAll()" name="button" class="pt9">
</p>
        </form>
      </td>
    </tr>
  </table>
</div>
</body>

</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -