2016-11-08 3 views
0

Ich versuche, Werte von der Schaltfläche zu erhalten und in dem Fenster, was ausgewählt wurde, für mich sagt Array ist undefined.Ausgabe ausgewählter Taste Wert oder Name

Bitte helfen Sie meinen Fehler zu korrigieren.

<input type="radio" name="flavor" id="vanilla" value="Vanilla" checked="checked" />Vanilla 
<input type="radio" name="flavor" id="choc" value="Chocolate" />Chocolate 
<input type="radio" name="flavor" id="strawberry" value="Strawberry" />Strawberry 

var flavorArray = ["","","Vanilla","Chocolate","Strawberry"]; 

var flavorValue = document.querySelector('input[name = "flavor"]:checked').value; 

flavorArray[flavorvalue] -<< my output 

Antwort

0

diesen Code Versuchen:

<html> 
    <head> 
     <title>Checkbox</title> 
    </head> 
    <body> 

     <input type="radio" name="flavor" id="vanilla" value="Vanilla" checked="checked"/>Vanilla 
     <input type="radio" name="flavor" id="choc" value="Chocolate" />Chocolate 
     <input type="radio" name="flavor" id="strawberry" value="Strawberry"/>Strawberry 


    <script> 

     var flavorArray = ["","","Vanilla","Chocolate","Strawberry"]; 
     var flavorValue = document.querySelector('input[name="flavor"]:checked').value; 

     console.log(flavorArray[flavorArray.indexOf(flavorValue)]) 
    </script> 
    </body> 
</html> 
1

Sie verwenden den Wert als Schlüssel. Deshalb ist es undefiniert.

Wenn Sie flavourArray [2] verwenden, erhalten Sie "Vanilla". aber Sie sagen, der Index ist "Vanilla", so sagt es undefined.

flavorValue werden Ihnen geben, was Element wird überprüft, dass der Name Geschmack

+0

Aber ich würde nicht wissen, welche ein Benutzer ausgewählt, wie ich das tun würde? Wenn ich Flavorarray [2] setze, wird es setzen, was ich geschrieben habe, wie kann ich posten, welcher Knopf ausgewählt wurde und Name dieses Wertes –

0
var flavorArray = ["","","Vanilla","Chocolate","Strawberry"]; 

var flavorValue = document.querySelector('input[name = "flavor"]:checked').value; 
console.log(flavorValue) //GIVES you the value 
console.log(flavorArray.indexOf(flavorValue)) //Gives you the index number of that value in your flavourArray if(-1) then value not exists 
0

Suche nach dem geprüften Wert in dem Array hat. Und der vom Benutzer ausgewählte value.its stimmt mit dem Index des Arrays überein. Ermittelt den Indexwert mit dem respektierten Index.

function check(){ 
 
    var flavorArray = ["","","Vanilla","Chocolate","Strawberry"]; 
 

 
var flavorValue = document.querySelector('input[name = "flavor"]:checked').value; 
 
for(var i=0; i<flavorArray.length; i++){ 
 
    if(flavorValue == flavorArray[i]) 
 
    {console.log('Matched index is' +i) 
 
     console.log('value is'+flavorArray[i]) 
 
    } 
 
    
 
    } 
 
    
 
    } 
 
check();
<input type="radio" name="flavor" id="vanilla" value="Vanilla" checked="checked" onclick="check()"/> 
 
<input type="radio" name="flavor" id="choc" value="Chocolate" onclick="check()"/> 
 
<input type="radio" name="flavor" id="strawberry" value="Strawberry" onclick="check()"/>

Verwandte Themen