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...

jQuery动态修改输入框的值和placeholder

首先是动态修改数据框的值: XXX

jQuery操作input改变value属性值

今天写了一个表单元素,在用户

jQuery修改标签的text显示内容或value值

修改常见标签元素:超链接标签、标签、标签以及form表单常用input标签内容。 jquery 测试 jquery修改a标签的href链接和文字,先点击下面链接然后点击"改变"按...

js获取和设置<input>的值

Document 获取和设置input的值:value='111' /> window.onload = function(){ var psel = do...

jQuery获取清空input值的几种方法

$('.class').val() $(" #id").val()$(" input[ name='name' ] ").val() $(" input[ type='text' ] ").val(...

JavaScript如何获得input元素value值

转载地址:http://aquarius-zf.iteye.com/blog/605144 在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的...

input标签的value属性

input标签的value属性eg: 设置input域值的三种方式 1.初始化设置,通过在标签中设置value属性,设置input域的值 2.通过原生js设置,eg: document.get...

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

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

在Jquery中怎么判断input的类型

首页 Web开发 Android J2EE C# Linux/Unix VC/MFC Oracle开发 更多... 当前位置:...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 获取及设置input各种类型的值
举报原因:
原因补充:

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