jQuery實作 RadioButton做必選校驗功能方法分享

本文主要介紹了jQuery實現 RadioButton做必選校驗功能的相關資料,需要的朋友可以參考下，希望能幫助到大家。

照理說，頁面上的若干個Radio Button 在頁面載入初始化時，是預設選取第一個的，但總是避免不了一些特殊的需求－所有的單選按鈕都不選中，只有在用按鈕觸發事件時再去做必選校驗。例如：

<p class="col-xs-4 col-sm-4 col-md-4"> 
   <p class="radio col-mr-20"> 
     @Html.RadioButtonFor(m => m.Materielcategory, "电子物料", new { data_label = "电子物料", name = "Materielcategory", @readonly = "readonly" }) 
   </p> 
   <p class="radio col-mr-20"> 
     @Html.RadioButtonFor(m => m.Materielcategory, "其他", new { data_label = "其他", name = "Materielcategory", @readonly = "readonly" }) 
   </p> 
</p>

我是這樣使用JQuery去實作的：

//物料分类做必选校验 
    function TongyiBefore() { 
      var Materielcategory = $(":radio[name=Materielcategory]:checked").val(); 
      if (Materielcategory == null) { 
        layer.alert("请先选择物料分类！", { icon: 7 }); 
        return; 
      } 
         
    }

注意：Materielcategory 變數在不選值的情況下是undefined的，也可以認為是null.

相關推薦：

單選按鈕（RadioButton）常見用法總結

#jQuery中的RadioButton,input,CheckBox取值賦值實作程式碼

#基於jquery自訂的漂亮單選按鈕RadioButton

#

以上是jQuery實作 RadioButton做必選校驗功能方法分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！