有效地控制表单元素的选择方式
时间： 2021-07-31 作者：daque
开始，将如次的代码介入html的<head>...</head>之间：<script language="javascript"><!--//function checkchoice(field, i) {if (i == 0) {// "all" 被选中了;则将其它一切仍旧被采用的名目废除，即置成checked状况为false;if (field[0].checked == true) {for (i = 1; i < field.length; i++)field[i].checked = false;}}else {//要不，只有其它大肆名目被选中，则将all的采用状况(field[0])树立为false(未被选中)if (field[i].checked == true) {field[0].checked = false; }}}//--></script>而后，将表单介入html的<body>区：<form name=ickform method="post" action="...."><table width="201"><tr><td>你最爱好什么课程？</td></tr><tr><td><input type=checkbox name=classes value="all" onclick="checkchoice(document.pickform.classes, 0)" checked>all <br><input type=checkbox name=classes value="数学" onclick="checkchoice(document.pickform.classes, 1)">数学<br><input type=checkbox name=classes value="语文" onclick="checkchoice(document.pickform.classes, 2)">语文 <br><input type=checkbox name=classes value="英语" onclick="checkchoice(document.pickform.classes, 3)">英语<br><input type=checkbox name=classes value="底栖生物" onclick="checkchoice(document.pickform.classes, 4)">底栖生物<br><input type=checkbox name=classes value="汗青" onclick="checkchoice(document.pickform.classes, 5)">汗青</td></tr><tr><td><input type="button" name="button" value="button" onclick="javascript:alert('运用时将action指向处置表单的步调！')"></td></tr></table></form>
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号