如何使用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获取元素值的方法(常见的表单元素)
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表单设置值的方法
本文实例为大家分享了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设置text的值示例(设置文本框 DIV 表单值)
jquery设置内容 - text().html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 text().html() 以及 val() 方法来设置内容: 实例 复制代码 代码如下: $("#btn1").click(function(){$("#test1").te
-
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-serialize()输出序列化form表单值的方法
实例 输出序列化表单值的结果: 复制代码 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语
-
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根据表单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 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对表单元素的取值和赋值操作代码
$("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[type=radio]:checked").va
-
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]
随机推荐
- Oracle的CLOB大数据字段类型操作方法
- js实现touch移动触屏滑动事件
- 教育网代理 ip列表2
- 理解php Hash函数,增强密码安全
- 浅谈json_encode用法
- 正则表达式问号的四种用法详解
- Python实现的文本简单可逆加密算法示例
- MySQL性能优化之Open_Table配置参数的合理配置建议
- MySQL数据库-错误1166 Incorrect column name
- Code:loadScript( )加载js的功能函数
- Linux 管理员手册(8)--备份
- JS控制弹出新页面窗口位置和大小的方法
- 详解MyBatis批量插入数据Mapper配置文件的写法
- Java中Executor接口用法总结
- C#切换鼠标左右键习惯无需控制面板中修改
- Asp.net在IIS上运行不了的解决方法
- 基于jquery实现人物头像跟随鼠标转动
- JS中产生20位随机数以0-9为例也可以是a-z A-Z
- sqlserver 普通用户运行错误解决方法补充
- c语言快速排序算法示例代码分享