ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery は、必要な検証機能のメソッド共有を行うために RadioButton を実装します。

jQuery は、必要な検証機能のメソッド共有を行うために RadioButton を実装します。

小云云
リリース: 2018-01-06 13:40:39
オリジナル
2293 人が閲覧しました

この記事では主に、RadioButton に必要な検証機能の jQuery の実装に関する関連情報を紹介します。必要な方は参考にしていただければ幸いです。

ページがロードされて初期化されるときに、ページ上のいくつかのラジオ ボタンのうち最初のラジオ ボタンがデフォルトで選択されるのは当然のことですが、いくつかの特別な要件を回避することはできません。すべてのラジオ ボタンは選択されず、ボタンのみが選択されます。 used イベントがトリガーされたときに必要な検証を実行します。例:


<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 変数は、値が選択されていない場合は未定義であり、null と見なすこともできます。

関連推奨事項:

RadioButtonのよくある使い方まとめ

jQueryでのRadioButton、入力、CheckBoxの値割り当て実装コード

jQueryをベースにカスタマイズされた美しいラジオボタンRadioButton

以上がjQuery は、必要な検証機能のメソッド共有を行うために RadioButton を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート