1.獲取選中值,三種方法都可以:
創(chuàng)新互聯(lián)建站擁有網(wǎng)站維護(hù)技術(shù)和項(xiàng)目管理團(tuán)隊(duì),建立的售前、實(shí)施和售后服務(wù)體系,為客戶提供定制化的成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、綿陽機(jī)房托管解決方案。為客戶網(wǎng)站安全和日常運(yùn)維提供整體管家式外包優(yōu)質(zhì)服務(wù)。我們的網(wǎng)站維護(hù)服務(wù)覆蓋集團(tuán)企業(yè)、上市公司、外企網(wǎng)站、商城開發(fā)、政府網(wǎng)站等各類型客戶群體,為全球近1000家企業(yè)提供全方位網(wǎng)站維護(hù)、服務(wù)器維護(hù)解決方案。
$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
2.設(shè)置第一個(gè)Radio為選中值:
$('input:radio:first').attr('checked', 'checked');
或者
$('input:radio:first').attr('checked', 'true');
注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
3.設(shè)置最后一個(gè)Radio為選中值:
$('input:radio:last').attr('checked', 'checked');
或者
$('input:radio:last').attr('checked', 'true');
4.根據(jù)索引值設(shè)置任意一個(gè)radio為選中值:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
$('input:radio').slice(1,2).attr('checked', 'true');
5.根據(jù)Value值設(shè)置Radio為選中值
Jquery提供的選擇器極大的方便了開發(fā)人員對(duì)Dom的操作,真正實(shí)現(xiàn)了代碼簡(jiǎn)化,卻功能強(qiáng)大的目標(biāo)。下面就日常最常用的,在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"
/轉(zhuǎn)派4br
/
/form
那么如何獲取被選中的radio值呢,Juqery為我們提供了如下幾個(gè)方法
.
代碼如下:
$("input[name='opType']:checked").val()
-------此方法估計(jì)用的比較多,通俗易懂
$("input:radio:checked").val();
---------此方法最簡(jiǎn)單,但是連著使用選擇器不容易懂
$("input[@name='opType'][checked]");
--------次方法中切記寫成[@checked=checked],本人第一次就寫成這個(gè)了
那么,偶爾也需要遍歷一下radio,如何做呢?當(dāng)然需要each出場(chǎng)了,具體如下:
.
代碼如下:
$('input[name="opType"]').each(function(){
alert(this.name+this.value);
});
你的$("input[name=jizai]")這個(gè)選擇器會(huì)獲得兩個(gè)radio對(duì)象,都設(shè)置選中,只能最后一個(gè)是被選中的,因?yàn)槭菃芜x。
如果你要這么寫,可以指定索引,
如:$("input[name=jizai]:eq(0)").attr("checked",'checked');
這樣就是第一個(gè)選中咯。
jquery中,radio的選中與否是這么設(shè)置的。
$("#rdo1").attr("checked","checked");
$("#rdo1").removeAttr("checked");
簡(jiǎn)單來說:var val = $('input[name="sex"]:checked').val();
使用jquery獲取radio的值,最重要的是掌握jquery選擇器的使用,在一個(gè)表單中我們通常是要獲取被選中的那個(gè)radio項(xiàng)的值,所以要加checked來篩選。
擴(kuò)展資料:
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。