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

本文为大家详细介绍下通过jquery获取表单元素CheckBoxRadio等的值有需求的朋友可以参考下希望对大家有所帮助

jquery 笔记

复制代码 代码如下:
$(“input[name=radio_name]:checked”)val()
<input type="radio" value="" name="radio_name" />
<input type="radio" value="" name="radio_name" />
<input type="radio" value="" name="radio_name" />

网上的东西太乱了而且jQuery不同版本可能写法不太一样经过搜索和做实验下面写的是jQuery 版本下的
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)[]selectedIndex = ;
select下拉框value = ‘val的元素为当前选中项$(”select[name=items] option[value=val]“)attr(”selected””selected”);
radio单选组的第二个元素为当前选中项 $(input[@name=items]‘)get()checked = true; 或$(input[name=items]‘)attr(”checked”′);
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”′); //填充内容
多选框checkbox
checkbox的第二个元素被打勾$(”input[name=items]“)get()checked = true; //打勾
$(”input[name=items]“)get()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”′);//设置value=的项目为当前选中项
下拉框select $(”#sel”)attr(”value”sel′);//设置value=sel的项目为当前选中项
$(”<option value=′></option><option value=′></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+=thisvalue +;});//遍历被选中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"));//根据条你可以分析分析这句代码的意思
$("#text_id")val()split(""); //将Text的Value值以分隔 返回一个数组
上面的这些操作其实就是jQuery选择器的使用希望大家对jQuery选择器方面的知识要掌握扎实