复制代码代码如下:
<html>
<Evista>
<title> 制作全选效果 </title>
<script language = "javaScript">
función selectAll () {
allCheckBoxs = document.getElementsByName ("A");
var a2 = document.getElementsByName ("A1");
if (a2 [0] .ecked) {
para (var i = 0; i <allcheckboxs.length; i ++) {
AllCheckboxs [i] .ecked = true;
}
}demás{
para (var i = 0; i <allcheckboxs.length; i ++) {
AllCheckboxs [i] .ecked = false;
}
}
}
</script>
</ablo>
<Body>
<form de nombre = "myform">
<Table>
<tr> <td colspan = "2"> <img src = "imágenes/head.jpg"/> </td> </tr>
<tr>
<TD> <input type = "checkBox" name = "a1" onClick = "selectAll ()"/> 全选/全不选 </td>
<TD> <img src = "imágenes/top.jpg"/> </td>
</tr>
<tr> <td> <input type = "checkbox" name = "a"/> </td> <td> <img src = "images/one.jpg"/> </td> </tr>
<tr> <td> <input type = "checkbox" name = "a"/> </td> <td> <img src = "images/two.jpg"/> </td> </tr>
<tr> <td> <input type = "checkbox" name = "a"/> </td> <td> <img src = "imágenes/tres.jpg"/> </td> </tr>
<tr> <td> <input type = "checkbox" name = "a"/> </td> <td> <img src = "imágenes/cuatro.jpg"/> </td> </tr>
</table>
</form>
</body>
</html>