重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1.获取选中值,三种方法都可以:
创新互联建站拥有网站维护技术和项目管理团队,建立的售前、实施和售后服务体系,为客户提供定制化的成都做网站、成都网站建设、网站维护、绵阳机房托管解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、商城开发、政府网站等各类型客户群体,为全球近1000家企业提供全方位网站维护、服务器维护解决方案。
$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
2.设置第一个Radio为选中值:
$('input:radio:first').attr('checked', 'checked');
或者
$('input:radio:first').attr('checked', 'true');
注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
3.设置最后一个Radio为选中值:
$('input:radio:last').attr('checked', 'checked');
或者
$('input:radio:last').attr('checked', 'true');
4.根据索引值设置任意一个radio为选中值:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
$('input:radio').slice(1,2).attr('checked', 'true');
5.根据Value值设置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"
/转派4br
/
/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);
});
你的$("input[name=jizai]")这个选择器会获得两个radio对象,都设置选中,只能最后一个是被选中的,因为是单选。
如果你要这么写,可以指定索引,
如:$("input[name=jizai]:eq(0)").attr("checked",'checked');
这样就是第一个选中咯。
jquery中,radio的选中与否是这么设置的。
$("#rdo1").attr("checked","checked");
$("#rdo1").removeAttr("checked");
简单来说:var val = $('input[name="sex"]:checked').val();
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选。
扩展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。