JS récupère les valeurs sélectionnées des radios et des boutons sous la forme

Obtenir la valeur sélectionnée des boutons radio du formulaire dans JS est en fait la même que la méthode du bouton radio ordinaire. Les boutons radio couramment utilisés nécessitent de définir l'attribut name et l'attribut type du bouton radio, puis d'effectuer une recherche basée sur ces deux attributs, comme suit :

1 <br/>2         <input name="radio" type="radio" checked="checked" value="男"/>男3        
 <input name="radio" type="radio" value="女"/>女4        
  <br/><br/><br/>5         
  <label id="message">哈哈哈哈</label>

Ensuite, le code en JS est le suivant :

 1  <script type="text/javascript"> 2         
 $(function(){ 3            
  $("input[name=&#39;radio&#39;]").click(function()
  { 4                 if($(this).val() == "男")
  { 5                     $("#message").show(); 6                 }
  else{ 7                     $("#message").hide(); 
  8                 } 9             });
  10         })11     
  </script>

Les paramètres de base des boutons radio dans le formulaire sont les suivants :

1 <form:radiobuttons path="isall" items="${fns:getDictList(&#39;allType&#39;)}"2                                
itemLabel="label" itemValue="value"3                               
 htmlEscape="false" class="" onclick=""/>

Le nom et le type de la radio ne sont pas explicitement donnés ici. Pour accéder à ces deux attributs de la chaîne, il vous suffit de le faire. pour afficher le code source sur la page Web. Obtenez ses attributs, puis écrivez JS :

 1 $(function () { 2  3            
  $("input[name='isall']").click(function () 
  { 4                 if ($(this).val() == "0") 
  { 5                     $("#usermsg").hide(); 6                 
  } else { 7                     
  $("#usermsg").show(); 8                
   } 9             });
   10        
    });

Ce que je fais ici, c'est afficher ou masquer une partie de la page en fonction de la valeur sélectionnée, et définir la valeur sélectionnée. style de la partie qui doit être affichée ou masquée pour afficher : Aucun n'est suffisant, comme :

 1  <p id="usermsg" class="control-group" style="display: none"> 2            
  <label class="control-label">用户账号：</label> 3  4            
   <p class="controls"> 5                 
   <input id="user_id" type="text" maxlength="100" name="userId" class="input-medium"/> 6                
    <shiro:hasPermission name="doctor:doctormsgpush:edit"> 7                     
    <input type="submit" value="查询用户ID" onclick="check()" 8                           
     class="btn btn-primary"/> 9                 </shiro:hasPermission>10            
      </p>11     
      </p>

Recommandations associées :

Comment créer le code HTML Le menu déroulant conserve la valeur sélectionnée après la soumission et ne revient pas à la valeur par défaut

Exemple détaillé de la façon dont Jquery obtient la valeur radio sélectionnée

Exemple de code JS pour obtenir la valeur radio sélectionnée

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!