jQuery获取及设置表单input各种类型值的方法小结

本文实例讲述了jQuery获取及设置input各种类型值的方法。分享给大家供大家参考，具体如下：
获取一组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相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery表格（table）操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。