使用jQuery操作input的value值

表单控件是jQuery的重中之重，因为一旦牵扯到数据交互，就离不开form表单的使用，比如用户的登录注册功能等。

在进行操作input的value值的时候，主要使用jQuery的val()方法。

点击查看val()的使用方法

看如下代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(function(){//一、获取值//1.获取单选框被选中的value值console.log($("input[type=radio]:checked").val());   // 2.复选框被选中的value，获取的是第一个被选中的值, 如果没有值，将显示onconsole.log($("input[type=checkbox]:checked").val());//3.下拉列表被选中的值var obj = $("#timespan option:selected")//获取被选中的值console.log(obj.val());// 获取文本console.log(obj.text())// 二、设置值//1.设置单选按钮和多选按钮被选中项$("input[type=radio]").val(["1"]);$("input[type=checkbox]").val(["sleep", "play"]);//2.设置下拉列表框的选中值，必须使用select//因为option只能设置单个值，当给select标签设置multiple， 那么我们设置多个值，就没有办法了。//但是使用select设置单个值和多个值都可以。$("selct").val(["2", "3"]);//3. 设置文本框的value值$("input[type=text]").val("this is a test."); })</script>
</head>
<body><form action="javascript:void(0)"><input type="radio" name="sex" value="1" />男<!-- 设置checked属性表示选中当前选项 --><input type="radio" name="sex" value="0" checked=""/>女<input type="checkbox" name="eat" value="eat" checked=""/>吃饭<input type="checkbox" name="sleep" value="sleep"/>睡觉<input type="checkbox" name="play"  value="play" checked="" />打豆豆<!-- 下拉列表 option标签内设置selected属性 表示选中当前 --><select name="timespan" id="timespan" class="Wdate"><option value="1">8:00-8:30</option><option value="2" selected="">8:30-9:00</option><option value="3">9:00-9:30</option></select><input type="text" name="" id="" value="请输入"></form>
</body>
</html>

转载于:https://www.cnblogs.com/yang-wei/p/9534521.html

使用jQuery操作input的value值相关推荐

jQuery 操作 input 之 checkbox
jQuery 操作 input 之 checkbox 一片 HTML 清单: <input type="checkbox" name="hobby" va ...
jQuery操作input改变value属性值
今天写了一个表单元素,在用户点击的时候会清空input中的内容,当鼠标点击其他地方的时候会把输入的值保存为input的value值类似于这样的效果当用户点击的时候文字消失. html代码 < ...
jquery 操作 input显示或者隐藏
<input id="hfl" name="hfl" style="display:none"> 通过jquery操作来控制隐藏 ...
jQuery操作input
获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = ...
jQuery给input CheckBox的值查询的一致就选中
var area = data.area;//area的形式是1,2,3, area = area.substring(1,area.length-1);//1,2,3 var arr = new A ...
jQuery：input的value值發生改變時，觸發事件
$("#reg_psw").on("input propertychange", function() {alert($(this).val()); }); 转 ...
ajax实现多选 radio true,jQuery操作radio、checkbox、select的方法总结
jQuery操作radio.checkbox.select的方法总结发布于 2015-05-21 06:55:26 | 253 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javas ...
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
php监听input,jQuery如何实时监听获取input输入框的值
jQuery实时监听获取input输入框的值,在我们日常web项目开发也常需要去实现这样的功能效果.为了作出即时动作去引导浏览者,以便提高网站的用户体验感. 下面我们就结合具体的代码示例,为大家介绍j ...

使用jQuery操作input的value值

使用jQuery操作input的value值相关推荐

最新文章

热门文章