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

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

Jan 06, 2018 pm 01:40 PM
jquery 関数

この記事では主に、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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Doubaoアプリにはどのような機能がありますか? Doubaoアプリにはどのような機能がありますか? Mar 01, 2024 pm 10:04 PM

Doubaoアプリにはどのような機能がありますか?

vivox100sとx100の違い:性能比較と機能分析 vivox100sとx100の違い:性能比較と機能分析 Mar 23, 2024 pm 10:27 PM

vivox100sとx100の違い:性能比較と機能分析

ディスカスとは何ですか? Discuzの定義と機能紹介 ディスカスとは何ですか? Discuzの定義と機能紹介 Mar 03, 2024 am 10:33 AM

ディスカスとは何ですか? Discuzの定義と機能紹介

セルフメディアとは一体何でしょうか?その主な特徴と機能は何ですか? セルフメディアとは一体何でしょうか?その主な特徴と機能は何ですか? Mar 21, 2024 pm 08:21 PM

セルフメディアとは一体何でしょうか?その主な特徴と機能は何ですか?

PHP のヒント: 前のページに戻る関数をすばやく実装する PHP のヒント: 前のページに戻る関数をすばやく実装する Mar 09, 2024 am 08:21 AM

PHP のヒント: 前のページに戻る関数をすばやく実装する

小紅書アカウント管理ソフトウェアの機能は何ですか?小紅書アカウントを操作するにはどうすればよいですか? 小紅書アカウント管理ソフトウェアの機能は何ですか?小紅書アカウントを操作するにはどうすればよいですか? Mar 21, 2024 pm 04:16 PM

小紅書アカウント管理ソフトウェアの機能は何ですか?小紅書アカウントを操作するにはどうすればよいですか?

LinuxにおけるGDMの機能と機能を詳しく解説 LinuxにおけるGDMの機能と機能を詳しく解説 Mar 01, 2024 pm 04:18 PM

LinuxにおけるGDMの機能と機能を詳しく解説

PHP は何に使われますか? PHP の役割と機能を調べる PHP は何に使われますか? PHP の役割と機能を調べる Mar 24, 2024 am 11:39 AM

PHP は何に使われますか? PHP の役割と機能を調べる

See all articles