现在的位置: 网页制作教程JS网页特效 >正文
jquery相关教程

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

发表于2016/10/24 JS网页特效 0条评论 ⁄ 热度 2,299℃

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

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各是什么意思?

  • 暂无评论