jQuery操作input

来源:it我领先发布时间：2010-04-03 　　　　　　　　　　　　　　浏览次数:89 进入论坛社区

jQuery操作input2009-10-14 15:10

获取选中的值
获取一组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 text radio check select 操作2009-04-29 15:36

<!DOCTYPE html PUBLIC 双引号-//W3C//DTD XHTML 1.0 Transitional//EN双引号双引号http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd双引号>
<html xmlns=双引号http://www.w3.org/1999/xhtml双引号>
<head>
<meta http-equiv=双引号Content-Type双引号 content=双引号text/html; charset=utf-8双引号 />
<title>无标题文档</title>

<script src=双引号jquery-starterkit/lib/jquery-1.3.2.min.js双引号 type=双引号text/javascript双引号></script>

</head>

<body>
<input type=双引号text双引号 id=双引号dd双引号 name=双引号dd双引号 value=双引号dds双引号/>dd

<input name=双引号rr双引号 id=双引号rr双引号 type=双引号radio双引号 value=双引号34双引号 />ff
<input name=双引号rr双引号 id=双引号rr2双引号 type=双引号radio双引号 value=双引号4双引号 />55

<input name=双引号ff双引号 type=双引号checkbox双引号 value=双引号aa双引号 />jgdg
<input name=双引号ff双引号 type=双引号checkbox双引号 value=双引号gd双引号 />jgdg

<select name=双引号ss双引号 id=双引号ss双引号 size=双引号1双引号>
<option value=双引号双引号></option>
<option value=双引号8双引号>d</option>
<option value=双引号2双引号>g</option>
</select>

<br/>
<input type=双引号button双引号 id=双引号button双引号 value=双引号按钮一双引号 />
<input type=双引号button双引号 id=双引号jj双引号 value=双引号按钮二双引号 />
<br/>

<div id=双引号ssd双引号>fgfooHello</div>

</body>

<script language=双引号javascript双引号 type=双引号text/javascript双引号>

</script>
</html>

文章来源:http://it503.com/detail.PHP

添加收藏到:

关键词:jQuery操作input,php

上一篇：PHP的变量总结
下一篇：MySQL密码的修改方法

jQuery操作input

php进阶教程相关文章