jquery获取值和控制值操作大全

本文介绍jquery如何获取各个值，包括表单值，input text取值，radio取值，checkbox取值，select取值、文本值等。同时也介绍了如何利用jquery控制元素值的操作。

1.jquery取radio单选按钮的值

$("input[name='items']:checked").val();

2.获取一组radio被选中项的值

var item = $('input[name=items][checked]').val();

3.获取select被选中项的文本

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

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

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

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

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

6.文本框，文本区域获取值

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

7.多选框checkbox获取值

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

8.单选组radio获取值

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

9.下拉框select获取值

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

10.文本框，文本区域清空内容

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

11.文本框，文本区域填充内容

$("#txt").attr("value",'11');

12.多选框不打勾

$("#chk1").attr("checked",'');

13.多选框打勾

$("#chk2").attr("checked",true);

14.判断是否已经打勾

if($("#chk1").attr('checked')==undefined)

15.单选组radio，设置value=2的项目为当前选中项

$("input[type=radio]").attr("checked",'2');

16.下拉框select，设置value=-sel3的项目为当前选中项

$("#sel").attr("value",'-sel3');

17.添加下拉框的option

$("<option value='1'>1111</option><option value='2'>2222</option>")
.appendTo("#sel")

18.清空下拉框

$("#sel").empty();

19.清空下拉框

$("#sel").empty();

刚开始接触jquery，很多东西不熟悉，在用$("#id")来获得页面的input元素的时候，发现$("#id").value不能取到值。后来终于在伟大的百度帮助下，找到了问题的原因：$("")是一个jquery对象，而不是一个dom element，value是dom element的属性，jquery与之对应的是val。

val():获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

所以，代码应该这样写：

//取值
val = $("#id")[0].value;
//赋值
$("#id")[0].value = "new value";
//或者
$("#id").val("new value");
//又或者
val = $("#id").attr("value");

好了，关于jquery获取值和控制值得操作代码就介绍到这。

推荐阅读：jquery中$(this)和this各是什么意思？