jQuery實(shí)現(xiàn) RadioButton做必選校驗(yàn)功能

更新時(shí)間：2017年06月15日 14:09:06 作者：譽(yù)尚斌承

這篇文章主要介紹了jQuery實(shí)現(xiàn) RadioButton做必選校驗(yàn)功能的相關(guā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)的：

//物料分類做必選校驗(yàn) 
    function TongyiBefore() { 
      var Materielcategory = $(":radio[name=Materielcategory]:checked").val(); 
      if (Materielcategory == null) { 
        layer.alert("請(qǐng)先選擇物料分類！", { 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)站的支持！

您可能感興趣的文章:

相關(guān)文章

jQuery控制網(wǎng)頁(yè)打印指定區(qū)域的方法
這篇文章主要介紹了jQuery控制網(wǎng)頁(yè)打印指定區(qū)域的方法,涉及jQuery操作html元素的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
Jquery基礎(chǔ)教程之DOM操作
大家都知道dom是一種與瀏覽器、平臺(tái)、語(yǔ)言無(wú)關(guān)的接口，使用dom接口可以很輕松訪問(wèn)頁(yè)面中所有的標(biāo)準(zhǔn)組件，本篇文章主要給大家講解jquery基礎(chǔ)教程之dom操作，有需要的朋友可以參考下
2015-08-08
jquery中使用ajax獲取遠(yuǎn)程頁(yè)面信息
當(dāng)我們點(diǎn)擊表格里面的標(biāo)題顯示相關(guān)的詳細(xì)信息，比如點(diǎn)擊新聞標(biāo)題顯示正文，而正文通常是在一個(gè)頁(yè)面里面，通過(guò)獲取傳遞的參數(shù)id查詢數(shù)據(jù)庫(kù)，然后顯示出來(lái)
2011-11-11
jQuery仿Flash上下翻動(dòng)的中英文導(dǎo)航菜單實(shí)例
這篇文章主要介紹了jQuery仿Flash上下翻動(dòng)的中英文導(dǎo)航菜單,實(shí)例分析了jQuery實(shí)現(xiàn)Flash反動(dòng)特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jquery checkbox全選反選效果代碼
jquery checkbox全選反選效果代碼,需要的朋友可以參考下。
2009-11-11
jquery插件實(shí)現(xiàn)掃雷游戲(3)
這篇文章主要介紹了jquery插件實(shí)現(xiàn)掃雷游戲的第三篇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04
jquery點(diǎn)擊獲取動(dòng)態(tài)數(shù)據(jù)進(jìn)行傳參問(wèn)題
這篇文章主要介紹了jquery點(diǎn)擊獲取動(dòng)態(tài)數(shù)據(jù)進(jìn)行傳參問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-12-12
又一枚精彩的彈幕效果jQuery實(shí)現(xiàn)
精彩的彈幕效果分享給大家，具有一定的參考價(jià)值，感興趣的朋友可以嘗試制作彈幕，具體內(nèi)容如下
2016-07-07
jQuery基于cookie實(shí)現(xiàn)換膚功能實(shí)例
這篇文章主要介紹了jQuery基于cookie實(shí)現(xiàn)換膚功能,結(jié)合具體實(shí)例形式分析了jQuery使用cookie記錄與讀取用戶信息實(shí)現(xiàn)頁(yè)面樣式的操作方法,需要的朋友可以參考下
2017-10-10
JQUERY表單暫存功能插件分享
今天我想介紹的是一款jQuery的插件:jquery.formLocalStorage.js。通過(guò)該插件，我們可以非常簡(jiǎn)單的實(shí)現(xiàn)表單暫存功能
2016-02-02