JQuery判斷radio（單選框）是否選中和獲取選中值方法總結(jié)
更新時(shí)間：2015年04月15日 11:28:35 投稿：junjie
這篇文章主要介紹了JQuery判斷radio（單選框）是否選中和獲取選中值方法總結(jié),本文講解了利用獲取選中值判斷選中、使用checked屬性判斷選中、jquery獲取radio單選按鈕的值、獲取一組radio被選中項(xiàng)的值、設(shè)置單選按鈕被選中等內(nèi)容,需要的朋友可以參考下
先給大家分享
JQuery判斷radio單選框是否選中并獲取值的方法
http://m.fzitv.net/article/154840.htm
一、利用獲取選中值判斷選中
直接上代碼，別忘記引用JQuery包
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery 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("請選中一個(gè)!");
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>
radio不能用“checked”相等來判斷，只用用true來判斷
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function () {
$("input").click(function () {
if ($(this).attr("checked")) {
alert("選中了");
}
});
});
</script>
</head>
<body>
<input type="radio"/>
</body>
</html>
二、使用checked屬性判斷選中
radio不能用“checked”相等來判斷，只用用true來判斷
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function () {
$("input").click(function () {
if ($(this).attr("checked")) {
alert("選中了");
}
});
});
</script>
</head>
<body>
<input type="radio"/>
</body>
</html>
三、jquery獲取radio單選按鈕的值
復(fù)制代碼 代碼如下:
$("input[name='items']:checked").val();
另：判斷radio是否選中并取得選中的值
如下所示：
復(fù)制代碼 代碼如下:
function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
alert("yes--選中的值為："+$(":radio:checked").val());
}
}
四、獲取一組radio被選中項(xiàng)的值
復(fù)制代碼 代碼如下:
var item = $('input[name=items][checked]').val();
五、設(shè)置單選按鈕被選中
復(fù)制代碼 代碼如下:
$("input[type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)
您可能感興趣的文章:
相關(guān)文章
jQuery中removeAttr()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeAttr()方法用法,實(shí)例分析了removeAttr()方法的功能、定義及從匹配元素中移除相應(yīng)屬性的使用技巧,需要的朋友可以參考下2015-01-01
jQuery操作選中select下拉框的值代碼實(shí)例
這篇文章主要介紹了jQuery操作選中select下拉框的值代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
在aspx文件中使用一個(gè)RadioButtonList控件顯示兩個(gè)radio標(biāo)簽。表示一對選中狀態(tài)：2013-04-04
jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式
這篇文章主要介紹了jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式的方法,實(shí)例分析了jQuery中css方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
easyui combotree加載靜態(tài)數(shù)據(jù)問題（選不上）解決方法
這篇文章主要介紹了easyui combotree加載靜態(tài)數(shù)據(jù)問題,選不上）2016-12-12
jQuery ready()和onload的加載耗時(shí)分析
這篇文章主要介紹了jQuery ready()和onload的加載耗時(shí),結(jié)合實(shí)例形式對比分析了jQuery中的ready()和JavaScript的window.onload進(jìn)行頁面加載的時(shí)間,需要的朋友可以參考下2016-09-09
jQuery的實(shí)現(xiàn)原理的模擬代碼 -2 數(shù)據(jù)部分
在 jQuery 中，可以對每一個(gè) DOM 對象保存私有的數(shù)據(jù)。2010-08-08
這篇文章主要為大家詳細(xì)介紹了JQuery+PHP圖片在線裁剪實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jQuery圖片前后對比插件beforeAfter用法示例【附demo源碼下載】
這篇文章主要介紹了jQuery圖片前后對比插件beforeAfter用法,結(jié)合實(shí)例形式分析了beforeAfter插件的功能、參數(shù)用法與使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
JavaScript?Canvas實(shí)現(xiàn)高清繪制效果
在我們?nèi)粘＠L制canvas的時(shí)候都不可避免的遇到一個(gè)問題，那就是canvas繪制出來的東西可能會(huì)有模糊，所以本文為大家準(zhǔn)備了解決canvas繪制模糊的方法，希望對大家有所幫助2023-06-06