checkbox 实现多选
来源:互联网 发布:淘宝 新增网站推广 编辑:程序博客网 时间:2024/06/12 10:57
<pre name="code" class="html"><!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <form> 请选择你爱好:<br> <input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="hobby" id="hobby3"> 游泳 <input type="checkbox" name="hobby" id="hobby4"> 阅读 <input type="checkbox" name="hobby" id="hobby5"> 打球 <input type="checkbox" name="hobby" id="hobby6"> 跑步 <br> <input type="button" value = "全选" onclick = "checkall();"> <input type="button" value = "全不选" onclick = "clearall();"> <p>请输入您要选择爱好的序号,序号为1-6:</p> <input id="wb" name="wb" type="text" > <input name="ok" type="button" value="确定" onclick = "checkone();"> </form> <script type="text/javascript"> function checkall(){ var hobby = document.getElementsByName("hobby"); for(var i = 0;i < hobby.length;i++){ hobby[i].checked = true; } } function clearall(){ var hobby = document.getElementsByName("hobby"); for(var i =0;i < hobby.length;i++){ hobby[i].checked = false; } } function checkone(){ var j=document.getElementById("wb").value; var hobby = document.getElementsByName("hobby");hobby[j-1].checked = true; } </script> </body></html>
0 0
- checkbox 实现多选
- listview+checkbox实现多选
- 多个checkbox实现单选的checkbox
- ListView中嵌套checkbox实现多选
- ListView 中使用CheckBox实现多选
- angularJs 实现checkbox全选和多选
- CheckBox多选按钮实现CompoundButton.OnCheckedChangeListener
- Checkbox的多选简单实现(-)
- 使用CheckBox实现多选效果
- checkbox多选通过js实现
- listview 结合checkbox 实现多选
- checkbox 实现单选
- checkbox 实现单选
- CListCtrl控件实现点击单行选中当前CheckBox点击CheckBox实现多选功能
- 控制CheckBox实现单选
- jquery checkbox 实现单选
- listview+checkbox实现单选
- checkbox实现单选功能
- 【javascript】File API 读取并显示本地图片 -1
- java.io.Serializable浅析
- HDU5207
- Subsets II 全排列包含重复的
- Spark内存迭代计算初探
- checkbox 实现多选
- NLTK中使用Stanford parser
- 【c语言】判断回文字符串
- jquery - 异步调用 .load(url,)
- 直方图均衡化
- Decode Ways 字符操作
- quick-cocos2d-x游戏开发【3】——display.newSprite创建精灵
- UVA 471 Magic Numbers(枚举)
- LruCache源码解读