jQuery實現(xiàn) RadioButton做必選校驗功能
更新時間：2017年06月15日 14:09:06 作者：譽尚斌承
這篇文章主要介紹了jQuery實現(xiàn) RadioButton做必選校驗功能的相關(guān)資料,需要的朋友可以參考下
關(guān)于這個問題，百度里說法紛紛，大都無用，或者說版本太老太羅嗦，這里介紹一個可借鑒的用法：
按理說，頁面上的若干個Radio Button 在頁面加載初始化時，是默認選中第一個的，但總是避免不了一些特殊的需求——所有的單選按鈕都不選中，僅當用按鈕觸發(fā)事件時再去做必選校驗。例如：
<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去實現(xiàn)的：
//物料分類做必選校驗
function TongyiBefore() {
var Materielcategory = $(":radio[name=Materielcategory]:checked").val();
if (Materielcategory == null) {
layer.alert("請先選擇物料分類！", { icon: 7 });
return;
}
}
注意：Materielcategory 變量在不選值的情況下是undefined的，也可以認為是null.
以上所述是小編給大家介紹的jQuery實現(xiàn) RadioButton做必選校驗功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
最近在學習jQuery方面的知識，學習中遇到一定的困難，一些知識不得不查看官方的文檔，在用到end()方法時，被一個小例子搞得有點暈。2011-07-07
這篇文章主要介紹了基于jQuery實現(xiàn)返回頂部實例代碼的相關(guān)資料,需要的朋友可以參考下2016-01-01
jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
這篇文章主要介紹了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法,結(jié)合實例形式較為詳細的分析了jQuery使用ajax提交serialize序列化后的表單數(shù)據(jù)的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
數(shù)據(jù)量很大的情況下使用Ajax去實現(xiàn)真的不合適，于是想采用Jquery來實現(xiàn)方法，具體的示例代碼如下，有需求的朋友可以參考下希望對大家有所幫助2013-08-08
jQuery實現(xiàn)的一個自定義Placeholder屬性插件
這篇文章主要介紹了jQuery實現(xiàn)的一個自定義Placeholder屬性插件,本文最后附有插件完整源碼,需要的朋友可以參考下2014-08-08
input輸入框內(nèi)容實時監(jiān)測(附代碼)
這篇文章主要介紹了如何實時監(jiān)測input輸入框內(nèi)容，具體操作步驟大家可查看下文詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08
HTML5使用DeviceOrientation實現(xiàn)搖一搖功能
這篇文章主要介紹了HTML5使用DeviceOrientation實現(xiàn)搖一搖功能的相關(guān)資料,需要的朋友可以參考下2015-06-06
使用jquery讀取html5 localstorage的值的方法
在HTML 5中，localstorage是個不錯的東西，在支持localstorage的瀏覽器中， 能持久化用戶表單的輸入，即使關(guān)掉瀏覽器，下次重新打開瀏覽器訪問，也能讀出其值,很不錯的一個東西，接下來實例介紹，需要的朋友可以參考下2013-01-01
jQuery EasyUI API 中文文檔 - NumberBox數(shù)字框
jQuery EasyUI API 中文文檔 - NumberBox數(shù)字框使用介紹，需要的朋友可以參考下。2011-10-10
如果想要查找到有icon這個class的span除了用原始的代碼還可以用父級查詢的方法進行定位，具體的實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06