如何使用jquery radio 选中获取Form表单中被选中的radio值

来源：蜘蛛抓取(WebSpider) 时间：2015-03-23 08:32 标签： jquery form表单验证
扫描二维码用手机看文章JQUERY获取form表单text,areatext,radio,checkbox,select值
- frank3G的专栏
- 博客频道 - CSDN.NET
jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 &input&type="text"&name="textname"&id="text_id"&value=""&& &!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的--& 2.下面来看怎么取得FORM中的各种值等等; function&get_form_value(){& /*获得TEXT.AREATEXT的值*/& &&&&&var&textval&=&$("#text_id").attr("value");//或者& &&&&&var&textval&=&$("#text_id").val();& /*获取单选按钮的值*/& &&&&&var&valradio&=&$("input[@type=radio][@checked]").val();& /*获取复选框的值*/& &&&&var&checkboxval&=&$("#checkbox_id").attr("value")；& /*获取下拉列表的值*/& &&&&&var&selectval&=&$('#select_id').val();& } 3.另外对表单的其他处理: //控制表单元素：& //文本框，文本区域：& $("#text_id").attr("value",'');//清空内容& $("#text_id").attr("value",'test');//填充内容& //多选框checkbox：& $("#chk_id").attr("checked",'');//未选中的值& $("#chk_id").attr("checked",true);//选中的值& if($("#chk_id").attr('checked')==undefined)&//判断是否已经选中& //单选组radio：& $("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项& //下拉框select：& $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项& $("&option&value='test'&test&/option&&option&value='test2'&test2&/option&").appendTo("#select_id")//添加下拉框的option& $("#select_id").empty()；//清空下拉框 补充 获取一组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&=& 获取值： 文本框，文本区域：$("#txt").attr("value")； 多选框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的项目为当前选中项 $("&option&value='1'&1111&/option&&option&value='2'&2222&/option&").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：218415次
积分：4314
积分：4314
排名：第2914名
原创：208篇
评论：48条
(1)(1)(1)(1)(1)(2)(2)(2)(3)(4)(5)(6)(1)(12)(3)(3)(7)(1)(1)(1)(3)(3)(10)(8)(4)(6)(7)(9)(4)(2)(8)(12)(3)(2)(12)(9)(2)(9)(6)(7)(2)(2)(1)(11)(12)页面导航：
→ 正文内容 Jquery获取被选中的radio值
如何使用Jquery获取Form表单中被选中的radio值
下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例，感兴趣的朋友可以参考下
Jquery提供的选择器极大的方便了开发人员对Dom的操作，真正实现了代码简化，却功能强大的目标。下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例。 form表单如下：
代码如下: &form name='form1' action="#" method="post"& 此处略去200字 &input type="radio" name="opType" value="0" /&搁置&br /& &input type="radio" name="opType" value="1" /&解决&br /& &input type="radio" name="opType" value="2" /&转派4&br /& &/form&
那么如何获取被选中的radio值呢，Juqery为我们提供了如下几个方法
代码如下: $("input[name='opType']:checked").val() -------此方法估计用的比较多，通俗易懂 $("input:radio:checked").val(); ---------此方法最简单，但是连着使用选择器不容易懂 $("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked]，本人第一次就写成这个了
那么，偶尔也需要遍历一下radio，如何做呢？当然需要each出场了，具体如下：
代码如下: $('input[name="opType"]').each(function(){ alert(this.name+this.value); });
应该明白了吧，若有什么更好的方法欢迎盖楼。
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行
12345678910

我要回帖

更多关于 jquery form表单验证 的文章

 

随机推荐