jQuery實(shí)現(xiàn) RadioButton做必選校驗(yàn)功能
關(guān)于這個(gè)問(wèn)題,百度里說(shuō)法紛紛,大都無(wú)用,或者說(shuō)版本太老太羅嗦,這里介紹一個(gè)可借鑒的用法:
按理說(shuō),頁(yè)面上的若干個(gè)Radio Button 在頁(yè)面加載初始化時(shí),是默認(rèn)選中第一個(gè)的,但總是避免不了一些特殊的需求——所有的單選按鈕都不選中,僅當(dāng)用按鈕觸發(fā)事件時(shí)再去做必選校驗(yàn)。例如:
<div class="col-xs-4 col-sm-4 col-md-4"> <div class="radio col-mr-20"> @Html.RadioButtonFor(m => m.Materielcategory, "電子物料", new { data_label = "電子物料", name = "Materielcategory", @readonly = "readonly" }) </div> <div class="radio col-mr-20"> @Html.RadioButtonFor(m => m.Materielcategory, "其他", new { data_label = "其他", name = "Materielcategory", @readonly = "readonly" }) </div> </div>
我是這樣使用JQuery去實(shí)現(xiàn)的:
//物料分類(lèi)做必選校驗(yàn) function TongyiBefore() { var Materielcategory = $(":radio[name=Materielcategory]:checked").val(); if (Materielcategory == null) { layer.alert("請(qǐng)先選擇物料分類(lèi)!", { icon: 7 }); return; } }
注意:Materielcategory 變量在不選值的情況下是undefined的,也可以認(rèn)為是null.
以上所述是小編給大家介紹的jQuery實(shí)現(xiàn) RadioButton做必選校驗(yàn)功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jQuery Validate 校驗(yàn)多個(gè)相同name的方法
- jquery 正整數(shù)數(shù)字校驗(yàn)正則表達(dá)式
- 基于jQuery.validate及Bootstrap的tooltip開(kāi)發(fā)氣泡樣式的表單校驗(yàn)組件思路詳解
- jQuery easyui的validatebox校驗(yàn)規(guī)則擴(kuò)展及easyui校驗(yàn)框validatebox用法
- jQuery插件Validate實(shí)現(xiàn)自定義校驗(yàn)結(jié)果樣式
- jQuery中校驗(yàn)時(shí)間格式的正則表達(dá)式小結(jié)
- jquery對(duì)輸入框內(nèi)容的數(shù)字校驗(yàn)代碼實(shí)例
相關(guān)文章
基于jQuery實(shí)現(xiàn)返回頂部實(shí)例代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)返回頂部實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
這篇文章主要介紹了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery使用ajax提交serialize序列化后的表單數(shù)據(jù)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12Jquery實(shí)現(xiàn)搜索框提示功能示例代碼
數(shù)據(jù)量很大的情況下使用Ajax去實(shí)現(xiàn)真的不合適,于是想采用Jquery來(lái)實(shí)現(xiàn)方法,具體的示例代碼如下,有需求的朋友可以參考下希望對(duì)大家有所幫助2013-08-08jQuery實(shí)現(xiàn)的一個(gè)自定義Placeholder屬性插件
這篇文章主要介紹了jQuery實(shí)現(xiàn)的一個(gè)自定義Placeholder屬性插件,本文最后附有插件完整源碼,需要的朋友可以參考下2014-08-08input輸入框內(nèi)容實(shí)時(shí)監(jiān)測(cè)(附代碼)
這篇文章主要介紹了如何實(shí)時(shí)監(jiān)測(cè)input輸入框內(nèi)容,具體操作步驟大家可查看下文詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08HTML5使用DeviceOrientation實(shí)現(xiàn)搖一搖功能
這篇文章主要介紹了HTML5使用DeviceOrientation實(shí)現(xiàn)搖一搖功能的相關(guān)資料,需要的朋友可以參考下2015-06-06使用jquery讀取html5 localstorage的值的方法
在HTML 5中,localstorage是個(gè)不錯(cuò)的東西,在支持localstorage的瀏覽器中, 能持久化用戶(hù)表單的輸入,即使關(guān)掉瀏覽器,下次重新打開(kāi)瀏覽器訪問(wèn),也能讀出其值,很不錯(cuò)的一個(gè)東西,接下來(lái)實(shí)例介紹,需要的朋友可以參考下2013-01-01jQuery EasyUI API 中文文檔 - NumberBox數(shù)字框
jQuery EasyUI API 中文文檔 - NumberBox數(shù)字框使用介紹,需要的朋友可以參考下。2011-10-10jquery中通過(guò)父級(jí)查找進(jìn)行定位示例
如果想要查找到有icon這個(gè)class的span除了用原始的代碼還可以用父級(jí)查詢(xún)的方法進(jìn)行定位,具體的實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-06-06