怎么用val()方法设置表单中的默认选中项
来源:互联网 发布:视频加文字软件 编辑:程序博客网 时间:2024/05/16 06:19
有时候我们展示给用户的表单中的checkbox,radio,selec等标签的一些项是默认选中的。比如:当用户修改文章的时候,如果对应的栏目为下拉框的话,那么它的默认选中值应该是原来的栏目位置。
可以使用jquery中的val()方法给select、checkbox、radio设置默认选中项。
对于multiple类型的select和checkbox还可以设置多个默认值。
效果图:
方法:
- $("select#multiple").val(["选择2号","选择4号"]);
完整代码:
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>jquery test</title>
- <script src="jquery-1.11.1.min.js"></script>
- <style type="text/css">
- div
- {
- margin-top:50px;
- margin-left:100px;
- }
- </style>
- </head>
- <body>
- <div>
- <select id="single">
- <option value="选择1号">选择1号</option>
- <option value="选择2号">选择2号</option>
- <option value="选择3号">选择3号</option>
- <option value="选择4号">选择4号</option>
- </select>
- </div>
- <div>
- <select id="multiple" multiple="multiple" style="height:120px;">
- <option value="选择1号">选择1号</option>
- <option value="选择2号">选择2号</option>
- <option value="选择3号">选择3号</option>
- <option value="选择4号">选择4号</option>
- </select>
- </div>
- <div>
- <input type="checkbox" value="check1"/>多选1
- <input type="checkbox" value="check2"/>多选2
- <input type="checkbox" value="check3"/>多选3
- <input type="checkbox" value="check4"/>多选4
- </div>
- <div>
- <input type="radio" value="radio1">单选1
- <input type="radio" value="radio2">单选2
- <input type="radio" value="radio3">单选3
- <input type="radio" value="radio4">单选4
- </div>
- </body>
- <script type="text/javascript">
- $("select#single").val(["选择4号"]);
- $("select#multiple").val(["选择2号","选择4号"]);
- $(":checkbox").val(["check1","check3"]);
- $(":radio").val(["radio4"]);
- </script>
- </html>
0 0
- 怎么用val()方法设置表单中的默认选中项
- 使用val()方法设置表单中的默认选中项
- 表单元素使用jQuery 的val()方法选中功能
- struts2设置<s:select>默认选中项的方法
- easyui中combobox设置默认选中项的方法
- 设置默认选中select的选中项
- Android 中的ListView选中项的背景颜色怎么设置?
- Android 中的ListView选中项的背景颜色怎么设置?
- Android 中的ListView选中项的背景颜色怎么设置?
- android 中的ListView选中项的背景颜色怎么设置?
- Android 中的ListView选中项的背景颜色怎么设置?
- dropdownlist设置默认选中项
- DropDownList设置默认选中项
- AKSegmentedControl 设置默认选中项
- 怎么用js动态 设置select中的某个值为选中项
- android的edittext怎么设置不默认被选中
- wpf datagrid 样式怎么设置默认选中行的颜色
- yii2 表单小部件默认选中的方法
- Ubuntu14.04 下 构建交叉开发环境
- node.js连接mongodb数据库警告:(Please ensure that you set the default write concern)
- 杂项
- 黑马程序员--7K面试 :银行调度系统面试题
- C语言的代码内存布局详解
- 怎么用val()方法设置表单中的默认选中项
- 教你如何更流畅的访问Google
- 伸展树小结
- android无root权限,使用busybox
- POJ 3034 Whac-a-Mole(三维dp+处理小技巧)
- PDF转WORD乱码怎么办
- 中断处理详解
- 悲催程序猿一天的48小时
- 哈夫曼编码