Speichern Wert von Radio-Button in Cookie funktioniert nicht in anderen Browsern (Firefox), aber funktioniert in Chrome

Question

So habe ich eine Schaltfläche Senden, die den Wert des Radio-Button in einem Cookie speichert. Dies funktioniert in Chrom, aber nicht in firefox ...

<form name="radios" id="radios"> 
<input type="radio" id = "addition" name="browser" value="Addition" checked="checked">Addition<br> 
<input type="radio" id = "subtraction" name="browser" value="Subtraction">Subtraction<br> 
<input type="radio" id = "multiplication" name="browser" value="Multiplication">Multiplication<br> 
<input type="radio" id = "division" name="browser" value="Division">Division<br> 
</form> 

ich das Cookie wie folgt zu speichern:

operation= escape(document.radios.browser.value) + ";"; 
document.cookie="operation="+operation; 

Nun, wenn ich document.radios.browser.value im Chrom setzen Konsole, es gibt mir den ausgewählten Wert für die Radios.

Allerdings, wenn ich das gleiche für Firefox tun, gibt es mir "undefined."

Wie mache ich das für Firefox? Stimmt etwas nicht mit meinem Code?

Answer 1

Verwenden

operation = document.querySelector("form[name=radios] input[name=browser]:checked").value; 

Wenn Sie document.radios.browser zugreifen, gibt es eine NodeList alle Eingänge mit diesem Namen eine, nicht nur die ausgewählt. Chrome hat offensichtlich eine Erweiterung, über die Sie auf den Wert dieser Liste zugreifen können. Der Wert des ausgewählten Optionsfelds wird zurückgegeben. Dies ist jedoch kein Standard-Javascript und funktioniert nicht in anderen Browsern.

Mit dem Modifikator :checked erhalten Sie die ausgewählte Schaltfläche, dann können Sie auf ihren Wert zugreifen.