如何使用Jquery获取Form表单中被选中的radio值
Jquery提供的选择器极大的方便了开发人员对Dom的操作,真正实现了代码简化,却功能强大的目标。下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。
<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);
});
应该明白了吧,若有什么更好的方法欢迎盖楼。
相关推荐
-
jQuery-serialize()输出序列化form表单值的方法
实例 输出序列化表单值的结果: 复制代码 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语
-
jQuery对表单元素的取值和赋值操作代码
$("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[type=radio]:checked").va
-
JQUERY获取form表单值的代码
假如我们有如下页面: <input type="text" name="textname" id="text_id" value=""> ...........在此不写出来了 下面来看怎么取得FORM中的各种值等等; function get_form_value(){ /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("va
-
jQuery根据表单name获取值的方法
本文实例讲述了jQuery根据表单name获取值的方法.分享给大家供大家参考,具体如下: 根据name取值: $("input[name='mobile']").val() 根据id取值: $("#mobile_reg_form").html() 根据name取值遍历: $("input[name='mobile']").each( function(){ alert($(this).val()); } ) 取出form中的input: <
-
jQuery表单设置值的方法
本文实例为大家分享了jQuery如何表单设置值的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.min.js"></script> <
-
jquery ajax提交表单从action传值到jsp实现小结
jsp页面: 复制代码 代码如下: var clientTel = $("#clientTel").val(); var activityId = $("#activityId").val(); $.ajax({ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+&q
-
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下拉框的第二个元素为当前选中值 $('#select_id
-
jquery获取input表单值的代码
jquery取radio单选按钮的值$("input[name='items']:checked").val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items]
-
Jquery 表单取值赋值的一些基本操作
具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div. 这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择器:$("mix:condition"):mix标签,并且满足限定条件. E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的第n个类型
-
jquery设置text的值示例(设置文本框 DIV 表单值)
jquery设置内容 - text().html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 text().html() 以及 val() 方法来设置内容: 实例 复制代码 代码如下: $("#btn1").click(function(){$("#test1").te
随机推荐
- 注册验证java代码[针对上篇文章]
- jquery $.ajax各个事件执行顺序
- iOS中使用UIDatePicker制作时间选择器的实例教程
- spring学习之参数传递与检验详解
- iOS 10即将来袭!升级你的iOS开发装备
- ASP.NET MVC5网站开发文章管理架构(七)
- ASP.NET中DropDownList下拉框列表控件绑定数据的4种方法
- 用Javascript评估用户输入密码的强度实现代码
- C字符串与C++中string的区别详解
- 你不知道的高性能JAVASCRIPT
- 在PHP中读取和写入WORD文档的代码
- jQuery Tips 为AJAX回调函数传递额外参数的方法
- 创建无表格网站的原因和原则 译文
- 我认为JSP有问题(下)
- Javascript实现跑马灯效果的简单实例
- 详解C语言中的符号常量、变量与算术表达式
- Java Socket使用加密协议进行传输对象的方法
- java中变量和常量详解
- Django打印出在数据库中执行的语句问题
- 微信小程序之数据绑定原理解析