Javascript prüfen, ob ein radio-button aktiviert wurde?

Habe ich gefunden scripts, die das tun, aber Sie arbeiten nur mit einem radio button name, ich habe 5 verschiedene radio-button-sets. Wie kann ich überprüfen, ob die gewählten rechts jetzt habe ich versucht auf Formular Absenden

if(document.getElementById('radiogroup1').value=="") {
        alert("Please select option one");
        document.getElementById('radiogroup1').focus();
        return false;
    }

funktioniert nicht.

Möglich, Duplikat der Wie kann ich prüfen, ob ein Optionsfeld aktiviert ist mit JavaScript?

InformationsquelleAutor JohnA | 2012-02-16

javascript radio

Wenn Sie Ihr Herz setzen auf der Verwendung von standard-JavaScript dann:

Funktion definition

var isSelected = function() {
    var radioObj = document.formName.radioGroupName;

    for(var i=0; i<radioObj.length; i++) {
        if( radioObj[i].checked ) {
            return true;
        }
    }

    return false;
};

Nutzung

if( !isSelected() ) {
    alert('Please select an option from group 1 .');
}

Ich würde vorschlagen, mit jQuery. Es hat eine Menge von selector Optionen, die, wenn zusammen verwendet, die Vereinfachung der viel von dem code in einer einzelnen Zeile.

Alternative Lösung

if( $('input[type=radio][name=radioGroupName]:selected').length == 0 ) {
    alert('Please select an option from group 1 .');
}

Diese Antwort ist alten (in web-Jahren), so beachten Sie die jQuery ist nicht die beste Lösung für die Auswahl der Elemente jetzt, dass der IE < 8 sind alle tot.

InformationsquelleAutor Oliver Law

var checked = false, radios = document.getElementsById('radiogroup1');
for (var i = 0, radio; radio = radios[i]; i++) {
    if (radio.checked) {
        checked = true;
        break;
    }
}

if (!checked) {
    alert("Please select option one");
    radios.focus();
    return false;
}

return true;

Durch die Angabe, dass keine zwei Elemente auf einer Seite sollten die gleiche id.
document.getElementsById() ist falsch. [s nach Element]. Es sollte document.getElementById() ODER document.getElementsByClassName[]()

InformationsquelleAutor Kevin

Haben eine sehr einfache Funktion ist:

<script type="text/javascript">

function checkRadios(form) {
   var btns = form.r0;
   for (var i=0; el=btns[i]; i++) {
     if (el.checked) return true;
   }
   alert('Please select a radio button');
   return false;
}
</script>

<form id="f0" onsubmit="return checkRadios(this);">
  one<input type="radio" name="r0"><br>
  two<input type="radio" name="r0"><br>
  three<input type="radio" name="r0"><br>
  <input type="submit">
</form>

Jedoch, Sie sollten immer ein radio-button standardmäßig aktiviert (D. H. mit dem select-Attribut), einige user-agents kann automatisch wählen Sie die erste Schaltfläche. Dann brauchen Sie nur zu prüfen, ob der default (in der Regel die erste) aktiviert ist oder nicht.

InformationsquelleAutor RobG

1

Warum nicht einfach einen oneliner?

Schrieb ich diesen code, wird es senden Sie das Formular, wenn mindestens ein radio ist geprüft:
```
(function(el){for(var i=el.length;i--;) if (el[i].checked) return el[i].form.submit()||1})(document.form_name.radio_name)||alert('please select item')
```
Sonst wird es eine Warnung. Oder Sie können auch ändern, um die Verwendung mit Formular onsubmit:
```
return (function(el){for(var i=el.length;i--;) if (el[i].checked) return 1})(document.form_name.radio_name)||alert('please select item')
```
Ersetzen Sie einfach form_name und radio_name entsprechend.

Sehen, wie es funktioniert: http://jsfiddle.net/QXeDv/5/

Ich weiß, das ist ein altes, aber das schreiben des Codes in einer Zeile nicht machen Ihren code ein 'one-liner'; vermeiden Sie diese übung.
Sie sind eigentlich falsch. Sie sind oneliners, die arbeiten können inline. Bitte sehen Sie sich die Geige zu lernen, wie Sie funktionieren. Wenn Sie nicht verstehen, was es tut... dann ist es besser zu unterlassen, zu kommentieren.

InformationsquelleAutor Anonymous

Hier ist ein gutes tutorial -> http://www.somacon.com/p143.php

//return the value of the radio button that is checked
//return an empty string if none are checked, or
//there are no radio buttons
function getCheckedValue(radioObj) {
    if(!radioObj) return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked) return radioObj.value;
        else return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) return radioObj[i].value;
    }
    return "";
}

//set the radio button with the given value as being checked
//do nothing if there are no radio buttons
//if the given value does not exist, all the radio buttons
//are reset to unchecked
function setCheckedValue(radioObj, newValue) {
    if(!radioObj) return;
    var radioLength = radioObj.length;
    if(radioLength == undefined) {
        radioObj.checked = (radioObj.value == newValue.toString());
        return;
    }
    for(var i = 0; i < radioLength; i++) {
        radioObj[i].checked = false;
        if(radioObj[i].value == newValue.toString()) radioObj[i].checked = true;
    }
}

InformationsquelleAutor SpYk3HH

0

Sind Sie ok mit jquery? Wenn ja:
```
$(document).ready(function(){
    if($('input[type=radio]:checked').length == 0)
    {
        alert("Please select option one");         
        document.getElementById('radiogroup1').focus();         
        return false;     
    }
}
```
$(document).ready(function(){ erleichtert in jQuery mit $(function(){. Sie beide die gleiche Sache mit Ausnahme der später ist neuer und läuft durch mehr cross-browser-Filter für doc-reday prüfen und passt jquey Stil besser
auch die if-Anweisung wird gemacht, auch esier in jQuery mit einer einfachen jquery-Stil nennen if ($('input.classnameIsEasier').is(':checked')) { /* do work */ };
und eine weitere Sache, wenn Sie sind, gonna benutzen jquery und brauchen eine form-überprüfung für radios und prüft und wie, gehen mit das plugin ideal für ajaxing Ihre form für mehr Funktionalität und eine bessere Validierung timing

InformationsquelleAutor Zen Pak

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.