JQuery判斷radio是否選中并獲取選中值的示例代碼

更新時間：2014年10月17日 16:53:10 投稿：whsnow

這篇文章主要介紹了JQuery判斷radio是否選中并獲取選中值的方法，代碼很簡單，但很實用，需要的朋友可以參考下

其他對radio操作功能，以后在添加。直接上代碼，別忘記引用JQuery包

<!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("請選中一個!");
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>

網(wǎng)友評論：var boolCheck=$('input:radio[name="sex"]').is(":checked"); 比較好，這種方法較簡潔

is() 根據(jù)選擇器、元素或 jQuery 對象來檢測匹配元素集合，如果這些元素中至少有一個元素匹配給定的參數(shù)，則返回 true。

如果您保存后亂碼，這里推薦使用notepad++處理。

您可能感興趣的文章:

相關(guān)文章

通過url查找a元素并點擊
查找a元素的方法有很對，可以通過ID或者class,但如果這兩個條件都不具備的話，難道就沒有方法了嗎？NO,通過url也是可以做到的，下面有個不錯的示例，大家可以感受下
2014-04-04
jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
這篇文章主要為大家詳細介紹了jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
jQuery實現(xiàn)電梯導(dǎo)航案例詳解(切換?網(wǎng)頁區(qū)域)
日常生活中用手機，電腦瀏覽網(wǎng)頁時，滑到了頁面下端后想返回頂部或跳轉(zhuǎn)到頁面別的版塊，用鼠標滾動很麻煩，網(wǎng)頁電梯導(dǎo)航就可以很方便的精準到達目標版塊，本文給大家分享jquery電梯導(dǎo)航案例詳解，感興趣的朋友一起看看吧
2022-05-05
jQuery中prepend()方法用法實例
這篇文章主要介紹了jQuery中prepend()方法用法,以實例形式較為詳細的分析了prepend()方法的功能、定義及使用技巧,并對比分析了與text()方法的不同之處,需要的朋友可以參考下
2014-12-12
jcrop基本參數(shù)一覽
Jcrop是基于JQuery的圖片裁剪插件，這里簡單介紹下基本參數(shù)，需要的朋友可以參考下
2013-07-07
jquery中用jsonp實現(xiàn)搜索框功能
這篇文章主要為大家詳細介紹了jquery中用jsonp實現(xiàn)搜索框功能的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
jQuery實現(xiàn)自定義checkbox和radio樣式
這篇文章主要介紹了jQuery實現(xiàn)自定義checkbox和radio樣式的相關(guān)資料,需要的朋友可以參考下
2015-07-07
[jQuery] 事件和動畫詳解
這篇文章主要介紹了JQ事件和動畫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
jquery實現(xiàn)的table排序功能示例
這篇文章主要介紹了jquery實現(xiàn)的table排序功能,涉及基于jQuery的頁面元素屬性動態(tài)操作及鼠標事件響應(yīng)相關(guān)技巧,需要的朋友可以參考下
2017-03-03
這篇文章主要介紹了多個$(document).ready()的執(zhí)行順序?qū)嵗治?對于加深理解$(document).ready()的加載與執(zhí)行順序有很大幫助,需要的朋友可以參考下
2014-07-07