jquery 获取表单元素里面的值示例代码

jquery 笔记：
复制代码代码如下:
$（“input[name="radio_name"]:checked”）.val（）
<input type="radio" value="1" name="radio_name" />1
<input type="radio" value="2" name="radio_name" />2
<input type="radio" value="3" name="radio_name" />3

网上的东西太乱了，而且jQuery不同版本可能写法不太一样，经过搜索和做实验，下面写的是jQuery 1.3.2版本下的
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关设置：
获取一组radio被选中项的值：var item = $（"input[name=items][checked]‘）.val（）;

获取select被选中项的文本
var item = $（”select[@name=items] option[@selected]“）.text（）;
获取select被选中项的文本：var item = $（”select[name=items] option[selected]“）.text（）; 或
$（”select[name=items]“）.find（”option:selected”）.text（）;
select下拉框的第二个元素为当前选中值：$（"#select_id"）[0].selectedIndex = 1;
select下拉框value = ‘val"的元素为当前选中项：$（”select[name=items] option[value="val"]“）.attr（”selected”,”selected”）;
radio单选组的第二个元素为当前选中项：$（"input[@name=items]‘）.get（1）.checked = true; 或$（"input[name=items]‘）.attr（”checked”,1′）;
radio的value = ‘val"的元素为当前选中项：$（"input[name=items][value="val"]‘）.attr（”checked”,”checked”）;
获取值：
文本框，文本区域：$（”#txt”）.attr（”value”）；
多选框checkbox：$（”input[name="checkbox":checked]“）.each（function（）{
var val = $（this）.val（）;
}）;
单选组radio： $（”input[type=radio][checked]“）.val（）;
下拉框select的value值： $（"select"）.val（）;
下拉框select选中的text值：$（”select”）.find（”option:selected”）.text（）;

控制表单元素：
文本框，文本区域：$（”#txt”）.attr（”value”,”）; //清空内容
$（”#txt”）.attr（”value”,"11′）; //填充内容
多选框checkbox：
checkbox的第二个元素被打勾：$（”input[name=items]“）.get（1）.checked = true; //打勾
$（”input[name=items]“）.get（1）.checked = false; //不打勾
checkbox的value="val"的元素前打勾：$（”input[name=item][value="val"]“）.attr（”checked”,true）;或$（”input[name=item][value="val"]“）.attr（”checked”,”checked”）;
if（$（”input[name=item][value="val"]“）.attr（"checked"）==true） //判断是否已经打勾
单选组radio： $（”input[type=radio]“）.attr（”checked”,"2′）;//设置value=2的项目为当前选中项
下拉框select： $（”#sel”）.attr（”value”,"-sel3′）;//设置value=-sel3的项目为当前选中项
$（”<option value="1′>1111</option><option value="2′>2222</option>”）.appendTo（”#sel”）//添加下拉框的option
$（”#sel”）.empty（）；//清空下拉框

jQuery获取Radio选择的Value值
代码$（"input[name="radio_name"][checked]"）.val（）; //选择被选中Radio的Value值
$（"#text_id"）.focus（function（）{//code...}）; //事件当对象text_id获取焦点时触发
$（"#text_id"）.blur（function（）{//code...}）; //事件当对象text_id失去焦点时触发
$（"#text_id"）.select（）; //使文本框的Vlaue值成选中状态
$（"input[name="radio_name"][value="要选中Radio的Value值""）.
attr（"checked",true）; //根据Value值设置Radio为选中状态

jQuery获取CheckBox选择的Value值
$（"input[name="checkbox_name"][checked]"）; //选择被选中CheckBox元素的集合如果你想得到Value值你需要遍历这个集合
$（$（"input[name="checkbox_name"][checked]"））.
each（function（）{arrChk+=this.value +",";}）;//遍历被选中CheckBox元素的集合得到Value值
$（"#checkbox_id"）.attr（"checked"）; //获取一个CheckBox的状态（有没有被选中,返回true/false）
$（"#checkbox_id"）.attr（"checked",true）; //设置一个CheckBox的状态为选中（checked=true）
$（"#checkbox_id"）.attr（"checked",false）; //设置一个CheckBox的状态为不选中（checked=false）
$（"input[name="checkbox_name"]"）.attr
（"checked",$（"#checkbox_id"）.attr（"checked"））;//根据3,4,5条，你可以分析分析这句代码的意思
$（"#text_id"）.val（）.split（","）; //将Text的Value值以","分隔返回一个数组
上面的这些操作，其实就是jQuery选择器的使用，希望大家对jQuery选择器方面的知识要掌握扎实。