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++處理。
- JQuery判斷radio(單選框)是否選中和獲取選中值方法總結(jié)
- JQuery控制radio選中和不選中方法總結(jié)
- Jquery選中或取消radio示例
- 如何使用Jquery獲取Form表單中被選中的radio值
- jquery判斷單選按鈕radio是否選中的方法
- jquery checkbox,radio是否選中的判斷代碼
- Jquery 改變radio/checkbox選中狀態(tài),獲取選中的值(示例代碼)
- jquery判斷RadioButtonList和RadioButton中是否有選中項示例
- asp.net使用jQuery獲取RadioButtonList成員選中內(nèi)容和值示例
- jQuery實(shí)現(xiàn)radio第一次點(diǎn)擊選中第二次點(diǎn)擊取消功能
相關(guān)文章
jQuery autoComplete插件兩種使用方式及動態(tài)改變參數(shù)值的方法詳解
這篇文章主要介紹了jQuery autoComplete插件兩種使用方式及動態(tài)改變參數(shù)值的方法,結(jié)合實(shí)例形式分析了jQuery自動匹配插件autoComplete的使用技巧與動態(tài)改變參數(shù)傳入值的實(shí)現(xiàn)方法,需要的朋友可以參考下2016-10-10使用jquery組件qrcode生成二維碼及應(yīng)用指南
這篇文章主要介紹了使用jquery組件qrcode生成二維碼及應(yīng)用指南,非常全面實(shí)用,需要的朋友可以參考下2015-02-02使用jQuery+EasyUI實(shí)現(xiàn)CheckBoxTree的級聯(lián)選中特效
這篇文章主要介紹了使用jQuery+EasyUI實(shí)現(xiàn)CheckBoxTree的級聯(lián)選中特效的相關(guān)資料,需要的朋友可以參考下2015-12-12jQuery實(shí)現(xiàn)模仿微博下拉滾動條加載數(shù)據(jù)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)模仿微博下拉滾動條加載數(shù)據(jù)效果,涉及jQuery響應(yīng)下拉滾動事件動態(tài)操作頁面元素的技巧,需要的朋友可以參考下2015-12-12jquery實(shí)現(xiàn)頁面百葉窗走馬燈式翻滾顯示效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)頁面百葉窗走馬燈式翻滾顯示效果的方法,實(shí)例分析了jQuery操作百葉窗翻滾效果的實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03jquery隊列queue與原生模仿其實(shí)現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法,他們對于一系列需要按次序運(yùn)行的函數(shù)特別有用。特別animate動畫,ajax,以及timeout等需要一定時間的函數(shù)2014-03-03jquery getScript動態(tài)加載JS方法改進(jìn)詳解
有許多朋友需要使用getScript方法動態(tài)加載JS,本文將詳細(xì)介紹此功能的實(shí)現(xiàn)方法2012-11-11jQuery數(shù)據(jù)顯示插件整合實(shí)現(xiàn)代碼
由于我們公司的產(chǎn)品涉及到很多的表格數(shù)據(jù)顯示,而且每張表的字段數(shù)都很多,在工作過程中(幾任同仁的努力),整合出一套自認(rèn)為較為輕巧的方案2011-10-10jQuery中bind與live的用法及區(qū)別小結(jié)
本篇文章主要是對jQuery中bind與live的用法以及區(qū)別進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01