JS ruft die ausgewählten Werte von Radios und Buttons im Formular ab-js-Tutorial-php.cn

JS ruft die ausgewählten Werte von Radios und Buttons im Formular ab

小云云

Freigeben： 2018-03-07 13:54:04

Original

2478 Leute haben es durchsucht

Das Abrufen des ausgewählten Werts der Optionsfelder des Formulars in JS ist eigentlich dasselbe wie die Methode eines gewöhnlichen Optionsfelds. Für häufig verwendete Radiobuttons müssen die Namensattribute und Typattribute des Radiobuttons festgelegt und dann anhand dieser beiden Attribute wie folgt gesucht werden:

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>

Nach dem Login kopieren

Dann lautet der Code in JS wie folgt:

 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>

Nach dem Login kopieren

Die Grundeinstellungen der Radiobuttons im Formular sind wie folgt:

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

Nach dem Login kopieren

Der Name und der Typ des Radios werden hier nicht explizit angegeben. Um auf diese beiden Attribute des Kanals zuzugreifen, benötigen Sie nur um den Quellcode auf der Webseite anzuzeigen und dann JS zu schreiben:

 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        
    });

Nach dem Login kopieren

Was ich hier mache, ist, einen Teil der Seite basierend auf dem ausgewählten Wert anzuzeigen oder auszublenden und den festzulegen Stil des Teils, der angezeigt oder ausgeblendet werden muss: Keiner reicht aus, wie zum Beispiel:

 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>

Nach dem Login kopieren

Verwandte Empfehlungen:

So erstellen Sie den HTML-Code Dropdown-Menü behält den ausgewählten Wert nach der Übermittlung bei und kehrt nicht zum Standardwert zurück

Detailliertes Beispiel, wie Jquery den ausgewählten Radiowert erhält

JS-Beispielcode zum Abrufen des ausgewählten Radiowerts

Das obige ist der detaillierte Inhalt vonJS ruft die ausgewählten Werte von Radios und Buttons im Formular ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!