ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery は、必要な検証機能のメソッド共有を行うために RadioButton を実装します。
この記事では主に、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 と見なすこともできます。
関連推奨事項:
jQueryでのRadioButton、入力、CheckBoxの値割り当て実装コード
jQueryをベースにカスタマイズされた美しいラジオボタンRadioButton
以上がjQuery は、必要な検証機能のメソッド共有を行うために RadioButton を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。