jquery獲取被選中的radio的值方法是輪循checked屬性:
站在用戶的角度思考問題,與客戶深入溝通,找到老邊網(wǎng)站設(shè)計與老邊網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站設(shè)計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、雅安服務器托管、企業(yè)郵箱。業(yè)務覆蓋老邊地區(qū)。
完整例子如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleJQuery radio/title
script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" /script
script type="text/javascript" language="javascript"
/*------判斷radio是否有選中,獲取選中的值--------*/
$(function(){
$("#btnSubmit").click(function(){
var val=$('input:radio[name="sex"]:checked').val();
if(val==null){
alert("什么也沒選中!");
return false;
}
else{
alert(val);
}
var list= $('input:radio[name="list"]:checked').val();
if(list==null){
alert("請選中一個!");
return false;
}
else{
alert(list);
}
});
});
/script
/head
body
form id="form1"
input type="radio" name="sex" value="男" /男
input type="radio" name="sex" value="女" /女
br /
input type="radio" name="list" value="十分滿意" /十分滿意
input type="radio" name="list" value="滿意" /滿意
input type="radio" name="list" value="不滿意" /不滿意
input type="radio" name="list" value="非常差" /非常差
br /
input type="submit" value="submit" id="btnSubmit" /
/form
/body
/html
獲取單選框的值有三種方式:
1、$('input:radio:checked').val();
2、$("input[type='radio']:checked").val();
3、$("input[name='rd']:checked").val();
沒看到input 有這種寫法,你可以這樣,
input type="radio" name="appointmentRadio" value="1"spanaa/span
input type="radio" name="appointmentRadio" value="2"spanbb/span
選擇了一個radio那么文本值就是$(":radio:checked + span").text();
只要在選擇器里聲明一下checked就可以了
剛才回答了一個類似的問題 跟你的問題類似,代碼如下:
script?src="?"/script
第一組:hr
input?type="radio"?name="radio1"?value="選擇1"選擇1?br
input?type="radio"?name="radio1"?value="選擇2"選擇2?br
input?type="radio"?name="radio1"?value="選擇3"選擇3?br
input?type="radio"?name="radio1"?value="選擇4"選擇4?br
第2組:hr
input?type="radio"?name="radio2"?value="選擇1"選擇1?br
input?type="radio"?name="radio2"?value="選擇2"選擇2?br
input?type="radio"?name="radio2"?value="選擇3"選擇3?br
input?type="radio"?name="radio2"?value="選擇4"選擇4?br
button?id="getval"獲取選擇的值/button
script?type="text/javascript"
$("#getval").click(function(){
v1?=?$("input[name='radio1']:checked").val();
v2?=?$("input[name='radio2']:checked").val();
console.log("第1組選擇的是:"+v1);
console.log("第2組選擇的是:"+v2);
}) ?
/script
你好!
只是獲取radio的value值,可以這樣:
$("#ID").val();
//獲取選中的radio的value值,可以這樣:
$(":radio:checked").val();
//如果radio有多組,可以通過指定name來獲取對應radio組的選中值:
$("input[name='sex']:checked").val()
希望對你有幫助!
實例1:
獲取一組單選按鈕對象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
獲取被選中按鈕的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();
實例2:
使用jquery獲取radio的值,最重要的是掌握jquery選擇器的使用,在一個表單中我們通常是要獲取被選中的那個radio項的值,所以要加checked來篩選,比如有以下的一些radio項:
獲取某個radio的值的代碼如下:
遍歷name為testradio的所有radio代碼如下:
取具體某個radio的值,比如第二個radio的值,代碼如下: