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

小編給大家分享一下jQuery如何實(shí)現(xiàn)RadioButton做必選校驗(yàn)功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

按理說，頁面上的若干個(gè)Radio Button 在頁面加載初始化時(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("請先選擇物料分類！", { icon: 7 }); 
        return; 
      } 
         
    }

注意：Materielcategory 變量在不選值的情況下是undefined的，也可以認(rèn)為是null.

以上是“jQuery如何實(shí)現(xiàn)RadioButton做必選校驗(yàn)功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！