JS récupère les valeurs sélectionnées des radios et des boutons sous la forme-js tutoriel-php.cn

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

小云云

Libérer： 2018-03-07 13:54:04

original

2477 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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=""/>

Copier après la connexion

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=&#39;isall&#39;]").click(function () 
  { 4                 if ($(this).val() == "0") 
  { 5                     $("#usermsg").hide(); 6                 
  } else { 7                     
  $("#usermsg").show(); 8                
   } 9             });
   10        
    });

Copier après la connexion

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>

Copier après la connexion

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!