快捷導(dǎo)航

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

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

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

其他對(duì)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("什么也沒(méi)選中!");
return false;
}
else{
alert(val);
}
var list= $('input:radio[name="list"]:checked').val();
if(list==null){
alert("請(qǐng)選中一個(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="十分滿(mǎn)意" />十分滿(mǎn)意
<input type="radio" name="list" value="滿(mǎn)意" />滿(mǎn)意
<input type="radio" name="list" value="不滿(mǎn)意" />不滿(mǎn)意
<input type="radio" name="list" value="非常差" />非常差
<br />
<input type="submit" value="submit" id="btnSubmit" />
</form>
</body>
</html>

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

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

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

您可能感興趣的文章:

相關(guān)文章

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