Partage de méthodes pour implémenter la fonction de vérification requise de RadioButton à l'aide de jQuery

Cet article présente principalement les informations pertinentes sur jQuery implémentant la fonction de vérification requise de RadioButton. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Il va de soi que lorsque la page charge et initialise plusieurs boutons radio, le premier est sélectionné par défaut, mais certaines exigences particulières ne peuvent être évitées - tous les boutons radio sont décochés. Effectuez la validation requise uniquement lorsque le bouton radio est activé. l'événement est déclenché par un bouton. Par exemple :

<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>

J'utilise JQuery pour l'implémenter comme ceci :

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

Remarque : Materielcategory Une variable est indéfinie lorsqu'aucune valeur n'est sélectionnée, et peut également être considérée comme nulle.

Recommandations associées :

Résumé de l'utilisation courante des RadioButtons

RadioButton, entrée, code d'implémentation d'attribution de valeur CheckBox dans jQuery

Magnifique bouton radio RadioButton personnalisé basé sur jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!