前端开发

 首页 > 前端开发 > jquery教程 > 如何使用Jquery获取Form表单中被选中的radio值

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

分享到:
【字体:
导读:
          query提供的选择器极大的方便了开发人员对Dom的操作,真正实现了代码简化,却功能强大的目标。下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。 form表单如...

query提供的选择器极大的方便了开发人员对Dom的操作,真正实现了代码简化,却功能强大的目标。下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。 


form表单如下: 


此处略去200字 


搁置 
解决 
转派4 


那么如何获取被选中的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如何阻止submit表单提交呢?请看下面的代码。 在JQuery中阻止表单的提交动作 我们都知道在表单提交时我们可以通过onsubmit属性指定方法在方法中return true或false来决定表单是否提交 但是在JQuery中,我们通过$().subimt(function(){});怎样来实现阻止表单的提交呢? JavaScript: JQuery: $("#myForm"...
jquery.map()方法的使用详解
原型方法map跟each类似调用的是同名静态方法,只不过返回来的数据必须经过另一个原型方法pushStack方法处理之后才返回,源码如下: map: function( callback ) {     return this.pushStack( jQuery.map(this, function( elem, i ) {       return callback.call( elem, i, elem );     }...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……