首頁 > web前端 > js教程 > jQuery實作 RadioButton做必選校驗功能方法分享

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

小云云
發布: 2018-01-06 13:40:39
原創
2294 人瀏覽過

本文主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板