使用val()方法设置表单中的默认选中项
2014-06-15 21:22
465 查看
有时候我们展示给用户的表单中的checkbox,radio,selec等标签的一些项是默认选中的。比方:当用户改动文章的时候,假设相应的栏目为下拉框的话,那么它的默认选中值应该是原来的栏目位置。
能够使用jquery中的val()方法给select、checkbox、radio设置默认选中项。
对于multiple类型的select和checkbox还能够设置多个默认值。
效果图:
方法:
完整代码:
能够使用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>
相关文章推荐
- 使用val()方法设置表单中的默认选中项
- 怎么用val()方法设置表单中的默认选中项
- 表单元素使用jQuery 的val()方法选中功能
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
- model中设置默认值时 ,使用 lambda 与否的差别以及datetime的默认值方法
- C#编译器优化那点事 c# 如果一个对象的值为null,那么它调用扩展方法时为甚么不报错 webAPI 控制器(Controller)太多怎么办? .NET MVC项目设置包含Areas中的页面为默认启动页 (五)Net Core使用静态文件 学习ASP.NET Core Razor 编程系列八——并发处理
- 在多声卡的情况下使用修改注册表的方法设置默认声卡
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
- RadioGroup里设置RadioButton为初始的都不选中状态及设置默认选中出现的问题及解决方法
- angularjs的select使用及默认选中设置
- 【AJAX】使用ajaxSetup()方法设置全局Ajax默认选项
- select标签设置默认选中的选项方法
- 使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。
- Android中使单选项列表框默认选中前次保存的值(即setSingleChoiceItems方法的使用)
- JavaScript基础 下拉列表 使用js设置默认选中的选项 selectedIndex
- jquery之处理表单元素值(使用val()方法)
- Zend Studio 12.0.2正式版发布和破解方法,zend studio 12.0.1汉化,相式设置为Dreamweaver,空格缩进为4个, 代码默认不折叠的设置,Outline中使用的图形标志,代码颜色之eot设置。
- [JQ权威指南]第七天:使用val()方法设置和获取元素的值
- MVC dropdownlist 后端设置select属性后前端依然不能默认选中的解决方法
- JavaScript基础 下拉列表 使用js设置默认选中的选项 selectedIndex