jQuery表单设置值的方法


Posted in jQuery onJune 30, 2017

本文实例为大家分享了jQuery如何表单设置值的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="js/jquery-1.11.3.min.js"></script>
  <script>
    $(function () {
      $("input[type=button]:eq(0)").click(function () {
        $("#single").val("选择2号");
      });
      $("input[type=button]:eq(1)").click(function () {
        $("#multiple").val(["选择2号","选择3号"]);
      })
      $("input[type=button]:eq(2)").click(function () {
        $(":checkbox").val(["check2","check3"]);//等同于$("input[type=checkbox]").filter(":eq(0),:eq(1)").attr("checked","checked")
        $(":radio").val(["radio3"]);//等同于$("input[type=radio]").attr("checked","checked"),虽然是单选框,取值还是得用数组
      });
    });
  </script>
</head>
<body>
<input type="button" value="设置单选下拉框选中"/>
<input type="button" value="设置多选下拉框选中"/>
<input type="button" value="设置单选框和多选框选中"/>

<br/><br/>

<select id="single">
  <option>选择1号</option>
  <option>选择2号</option>
  <option>选择3号</option>
</select>

<select id="multiple" multiple="multiple" style="height:120px;">
  <option selected="selected">选择1号</option>
  <option>选择2号</option>
  <option>选择3号</option>
  <option>选择4号</option>
  <option selected="selected">选择5号</option>
</select>

<br/><br/>


<input type="checkbox" value="check1"/> 多选1
<input type="checkbox" value="check2"/> 多选2
<input type="checkbox" value="check3"/> 多选3
<input type="checkbox" value="check4"/> 多选4

<br/>

<input type="radio" value="radio1"/> 单选1
<input type="radio" value="radio2"/> 单选2
<input type="radio" value="radio3"/> 单选3
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery操作css样式
May 15 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
jquery animate动画持续运动的实例
Nov 29 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
jquery实现选项卡切换代码实例
May 14 jQuery
JQuery animate动画应用示例
May 14 jQuery
jQuery开源组件BootstrapValidator使用详解
Jun 29 #jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 #jQuery
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 #jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 #jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 #jQuery
基于jQuery封装的分页组件
Jun 26 #jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 #jQuery
You might like
PHP 常用函数库和一些实用小技巧
2009/01/01 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
分享10段PHP常用代码
2015/11/11 PHP
php实现的网页版剪刀石头布游戏示例
2016/11/25 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
用JavaScript页面不刷新时全选择,全删除(GridView)
2009/04/14 Javascript
javascript 数组排序函数
2009/08/20 Javascript
浅析js中的浮点型运算问题
2014/01/06 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
2017/11/24 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
require.js 加载过程与使用方法介绍
2018/10/30 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
python通过yield实现数组全排列的方法
2015/03/18 Python
python搜索指定目录的方法
2015/04/29 Python
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
Python 如何访问外围作用域中的变量
2016/09/11 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
Python切片操作深入详解
2018/07/27 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
Python实现自动签到脚本功能
2020/08/20 Python
会计应聘求职信范文
2013/12/17 职场文书
求职意向书
2014/07/29 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
幼儿教师个人总结
2015/02/05 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python