jquery 获取及设置input各种类型的值

转载 2014年01月10日 19:46:46

转自:http://www.cnblogs.com/myfjd/archive/2011/11/25/2263702.html

获取选中的值

获取一组radio被选中项的值

var item = $(“input[@name=items]:checked”).val();

获取select被选中项的文本

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二个元素为当前选中值

$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值

$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:

$("#txt").attr("value");

$("#txt").val();

多选框checkbox:

$("#checkbox_id").attr("value");

单选组radio:

$("input[@type=radio][@checked]").val();

下拉框select:

$('#sel').val();

控制表单元素:
文本框,文本区域:

$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox:

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:

$("input[@type=radio]").attr("checked",'2');
//设置value=2的项目为当前选中项

下拉框select:

$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>")
.appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

 

在Jquery中,用$("#id")来获得页面的input元素,其相当于document.getElementById("element")但是,该获取的是一个Jquery对象,而不是一个dom element对象.value是dom element对象的属性.所以,使用$("#id").value不能取到值取值的方法如下:

取值:

val = $("#id")[0].value;
$("#id")[0].value = "new value";

赋值:

$("#id")[0].value = "new value";
或者$("#id").val("new value");
val = $("#id").attr("value");

jquery给input赋值val(val)

jquery给input赋值val(val) val(val)是jquery函数,最容易混淆的是获取input的函数是val(); 区别非常小,一个是带参数,一个是不带参数; $("#use...
  • happymagic
  • happymagic
  • 2013年03月22日 16:48
  • 255353

jquery 给input text元素赋值,js修改表单的值

function changestatus(,money){ //$("#money").val(money);//val()这种写法有时会失效,特别是他的父元素是dosplay:none时 $(...
  • viqecel
  • viqecel
  • 2017年09月05日 09:32
  • 2638

js获取和设置<input>的值

Document 获取和设置input的值:value='111' /> window.onload = function(){ var psel = do...
  • superit401
  • superit401
  • 2016年06月26日 14:31
  • 76494

input默认值设置

在input框里我们可以设置 一些默认值,在点击之后input之后就消失了
  • u013132051
  • u013132051
  • 2016年10月18日 14:12
  • 7327

通过 JS 注入获取和设置input域的值

本文主要给出了以js注入的方式设置和获取表单中input域的值,多用于自动化测试、浏览器插件开发等。...
  • justloveyou_
  • justloveyou_
  • 2017年03月22日 22:26
  • 1594

jQuery设置input type="text"的值

$("#filername").val(FILTERNAME);//为一个的输入框赋值
  • ccskun
  • ccskun
  • 2011年03月22日 13:32
  • 19602

用jquery怎样获取input标签中name、type等属性值

$("input:text").attr("name"); $("input:text").prop("name");  // 也可以使用prop()方法获取属性...
  • luman1991
  • luman1991
  • 2016年11月11日 16:49
  • 6427

在Jquery中怎么判断input的类型

首页 Web开发 Android J2EE C# Linux/Unix VC/MFC Oracle开发 更多... 当前位置:...
  • legend_x
  • legend_x
  • 2014年06月30日 17:58
  • 1511

如何用jquery获取input输入框中的值?

如何用jquery获取中输入的值? $("#test").val() $("input[name='test']").val() $("input[type='text']").val() $("in...
  • ling_du
  • ling_du
  • 2016年07月18日 20:05
  • 90855

Jquery获取input输入值的方式总结。

方法一、 function print(){ var a=myform.name.value; alert(a); } ...
  • cwj1103
  • cwj1103
  • 2015年07月28日 11:36
  • 16208
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 获取及设置input各种类型的值
举报原因:
原因补充:

(最多只允许输入30个字)