jQuery的val()方法

val()方法用来获取或修改表单的value的属性值

【例】

html代码

<form action="./" method='GET'><h3>选择你喜欢的男孩</h3><select name='star'><option value="s">小窦</option><option value="a">小窦</option><option value="b">还是小窦</option></select><h3>一句话简单介绍你喜欢的男孩</h3><input type="text" name='easy' value='他不喜欢我，哎' class="ind"><h3></h3>可盐可甜<input type="checkbox" name='special' value='trait'>文武双全<input type="checkbox" name='special' value='skill'>性格果毅<input type="checkbox" name='special' value='presonality'><h3>喜欢的原因</h3><textarea name="reason" id="" cols="30" rows="5"></textarea><input type="submit" value='login'>
</form>

js代码

赋值

<script src="./jquery.js"></script>
<script>$('option').val(function (index, oldValue) {return oldValue + index;})
</script>

结果

获取

console.log($('input[type=checkbox]').eq(0).val());
console.log($('input[type=checkbox]').val());

结果

即，val方法不能循环取值，默认取第一个元素的值

例子奇奇怪怪，我就开心这样写，学方法就行了，不要在意内容，哈哈哈

jQuery的val()方法相关推荐

js / jquery 使用val()赋值监控事件失效
场景: 当内容发生改变时对隐藏的input框进行监控(这里不直接赋值,通过select或其他条件的改变使用jquery赋值) 需要监控的对象 <input type="hidden&q ...
jquery给input赋值 val()方法
jquery给input赋值,val的三种用法 val()方法定义和用法 val() 方法返回或设置被选元素的值. 元素的值是通过 value 属性设置的.该方法大多用于 input 元素. 如果该 ...
jquery的$.extent()方法的总结
1.jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法. 2.jQuery.fn.extend(object);给jQuery对象添加方法. jQuery.fn ...
理解一下jQuery.extend()和jQuery.fn.extend()方法
为了方便用户创建插件,jquery提供了jQuery.extend()和jQuery.fn.extend()方法. 1. jQuery.extend() 方法有一个重载. jQuery.extend( ...
jquery selector 使用方法
jquery selector 使用方法 <select class="selector"></select> 1 设置value为pxx的项选中$(&qu ...
jQuery的Ajax方法实现注册邮箱时用户名查询
利用jQuery实现邮箱注册时的重复用户名查询 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可 ...
JQuery 的each方法
今天突然有感而发:$("div").each(function(){ $(this).bind('click',function(){...})})与$("div&quo ...
Jquery的集合方法EACH（）
Jquery的集合方法EACH() 1. $("input[name='r2']").each(function(){ if($(this).val()=='lmf') ...
jquery中Live方法不可用，Jquery中Live方法失效
jquery中Live方法不可用,Jquery中Live方法失效 >>>>>>>>>>>>>>>>> ...

jQuery的val()方法

jQuery的val()方法相关推荐

最新文章

热门文章