jQuery对表单元素的取值和赋值操作
来源:互联网 发布:淘宝手机端标题组词 编辑:程序博客网 时间:2024/04/28 15:16
今天在使用jQuery的过程中,遇到两个不大不小的问题,写出来分享一下。
jQuery读取input元素的值:
1
<
input
type
=
"text"
id
=
"keyword"
/>
使用常规的思路:$(“#keyword”).value 取值是取不到的,因为此时$(‘#keydord’)已经不是个element,而是个jquery对象,所以应该使用:
1
var
inputValue = $(
"#keyword"
).val();
因为Qjuery对象中第一个元素即为DOM对象,所以也可以这样取值:
1
var
inputValue = $(
"#keyword"
)[0].value;
jQuery中 val()函数的作用:
val()
获得第一个匹配元素的当前值。
在 jQuery 1.2 中,可以返回任意元素的值。包括select。如果多选,将返回一个数组,其包含所选的值。返回值
String,Array
同理,对input元素赋值,需要:
1
$(
"#keyword"
).val(
""
);
或:
1
$(
"#keyword"
)[0].value =
""
;
附:jquery 1.3.2对基本表单元素的取值方法
01
/*获得TEXT.AREATEXT的值*/
02
var
textval = $(
"#text_id"
).attr(
"value"
);
03
//或者
04
var
textval = $(
"#text_id"
).val();
05
06
/*获取单选按钮的值*/
07
var
valradio = $(
"input[type=radio]:checked"
).val();
08
09
/*获取一组名为(items)的radio被选中项的值*/
10
var
item = $(
'input[name=items]:checked'
).val();
11
12
/*获取复选框的值*/
13
var
checkboxval = $(
"#checkbox_id"
).attr(
"value"
);
14
15
/*获取下拉列表的值*/
16
var
selectval = $(
'#select_id'
).val();
17
18
/*文本框,文本区域*/
19
$(
"#text_id"
).attr(
"value"
,");
//清空内容
20
$(
"#text_id"
).attr(
"value"
,
'test'
);
//填充内容
21
22
/*多选框checkbox*/
23
$(
"#chk_id"
).attr(
"checked"
,");
//使其未勾选
24
$(
"#chk_id"
).attr(
"checked"
,
true
);
//勾选
25
if
($(
"#chk_id"
).attr(
'checked'
)==
true
)
//判断是否已经选中
26
27
/*单选组radio*/
28
$(
"input[type=radio]"
).attr(
"checked"
,
'2'
);
//设置value=2的项目为当前选中项
29
30
/*下拉框select*/
31
$(
"#select_id"
).attr(
"value"
,
'test'
);
//设置value=test的项目为当前选中项
32
$(
"testtest2"
).appendTo(
"#select_id"
)
//添加下拉框的option
33
$(
"#select_id"
).empty();
//清空下拉框
34
35
/*获取一组名为(items)的radio被选中项的值*/
36
var
item = $(
'input[name=items]:checked'
).val();
//若未被选中 则val() = undefined
37
38
/*获取select被选中项的文本*/
39
var
item = $(
"select[name=items] option:selected"
).text();
40
41
/*select下拉框的第二个元素为当前选中值*/
42
$(
'#select_id'
)[0].selectedIndex = 1;
43
44
/*radio单选组的第二个元素为当前选中值*/
45
$(
'input[name=items]'
).get(1).checked =
true
;
46
47
/*重置表单*/
48
$(
"form"
).each(
function
(){
49
.reset();
50
});
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jquery 评论(2) jQuery对表单元素的取值和赋值操作
- jquery对表单元素的取值和赋值
- jquery对表单元素的取值和赋值
- jquery对表单元素的取值和赋值
- jquery对表单元素的取值和赋值
- jquery对表单元素的取值和赋值
- jQuery对表单元素的取值和赋值操作代码
- jQuery对表单元素的取值和赋值操作 原
- jQuery对表单元素的取值和赋值操作代码
- jQuery对表单元素的取值和赋值操作代码
- jquery对表单元素的取值,赋值
- [下载]三维卫星云图显示系统V2.0
- 3667 Hotel
- 使用免安装jdk+mysql+tomcat部署应用程序
- 测试用例设计步骤
- 子类化:增强Edit控件为日期输入控件
- jQuery对表单元素的取值和赋值操作
- 实战 Jetty
- (转) 没人把程序员当回事儿
- sigsetjmp,siglongjmp的使用
- 功能性测试方法
- Release版本的Lnk2001错误的一个另类问题解决方案
- 字符串转换_BSTR/LPSTR/LPWSTR/Char
- ClassLoader介绍
- my first blog