您的位置：ACCP教程网 ┳ 课后作业 ┳ 第二学期 ┳ javaScript ┳ 内容

JavaScript第三章document对象简答题一

时间:2009-07-03 11:50:32 ｜来源:ACCP教程网｜作者:冰川｜点击:次

1.创建一个如图1所示的静态HTML页面，然后编写JavaScript脚本实现页面中的复选框全选或全不选效果。

图片1

<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITLE>全选特效-ACCP教程网</TITLE> <SCRIPT type="text/javascript"> function selectAll() { var allCheckBoxs=document.getElementsByName("logo") ; var desc = document.getElementById("car").value; for (var i=0;i<allCheckBoxs.length ;i++) { if(allCheckBoxs[i].type=="checkbox"){ //可能有重名的其他类型元素，如图片、控件等，所以要判断类型 if(allCheckBoxs[i].checked) allCheckBoxs[i].checked=false ; //检查是否选中用checked，而不是value else allCheckBoxs[i].checked=true ; } } } </SCRIPT> </HEAD> <BODY> <FORM> <table width="570" border="1"> <TR><TD colspan="4" align="center"><h3>世界顶级跑车你认识几款？</h3></TD></TR> <TR> <td colspan="4" align="center"><INPUT id="car" type="checkbox" name="car" onClick="selectAll()">我是超级车迷，全部都认识</td> </TR> <tr> <td width="86" align="center"><INPUT type="checkbox" name="logo"></td> <td width="178" align="center"><IMG src="images/frali.jpg" _fcksavedurl="images/frali.jpg"></td> <td width="78" align="center"><INPUT type="checkbox" name="logo"></td> <td width="208" align="center"><IMG src="images/skoda.jpg" _fcksavedurl="images/skoda.jpg"></td> </tr> <tr> <td align="center"><INPUT type="checkbox" name="logo"></td> <td align="center"><IMG src="images/binli.jpg" _fcksavedurl="images/binli.jpg"></td> <td align="center"><INPUT type="checkbox" name="logo" ></td> <td align="center"><IMG src="images/lamborghini.jpg" _fcksavedurl="images/lamborghini.jpg"></td> </tr> <TR> <td align="center"><INPUT type="checkbox" name="logo"></td> <td align="center"><IMG src="images/porsche.jpg" _fcksavedurl="images/porsche.jpg"></td> <td align="center"><INPUT type="checkbox" name="logo"></td> <td align="center"><IMG src="images/alefromeo.jpg" _fcksavedurl="images/alefromeo.jpg"></td> </tr> </table> </FORM> </BODY> </HTML>
//ACCP教程网提示您：您可以先修改部分代码再运行

上面的代码的图片没有上传的服务器所以不能显示，现在提供图片素材给大家下载：复选框图片素材

顶一下

(0)

踩一下

(0)

上一篇：JavaScript第三章document对象选择题下一篇：JavaScript第三章document对象简答题二

文章收藏 | 文章挑错 | 文章推荐 | 标签：简答题

评论加载中....

JavaScript第三章document对象简答题一

相关内容

热门内容