jQuery check Wert von mehreren radio-buttons

Habe ich eine Reihe von radio-buttons wie folgt:

<input type="radio" name="r1" value="1" />
<input type="radio" name="r1" value="2" />
<input type="radio" name="r1" value="3" />
<input type="radio" name="r1" value="4" />
<input type="radio" name="r1" value="-1" />

<input type="radio" name="r2" value="1" />
<input type="radio" name="r2" value="2" />
<input type="radio" name="r2" value="3" />
<input type="radio" name="r2" value="4" />
<input type="radio" name="r2" value="-1" />

<input type="radio" name="r3" value="1" />
<input type="radio" name="r3" value="2" />
<input type="radio" name="r3" value="3" />
<input type="radio" name="r3" value="4" />
<input type="radio" name="r3" value="-1" />

Was ich tun müssen, ist eine Kontrolle auszuführen, um zu sehen, ob eine der radio-buttons ausgewählt haben einen Wert equal to or less than 2 but greater than zero, und dann ausführen von code oder greater than 2 und wenn Sie es tun, laufen einige weitere code.

Ich habe das erreicht, die zuvor mit javascript, aber es war ein langer und mühsamer Prozess. Gibt es eine effiziente Möglichkeit in jQuery um dies zu erreichen?

Was haben Sie versucht, sich selbst? Und auch, warum haben Sie einen radiobutton mit dem Wert "-1", wenn Sie möchten, code auszuführen, wenn der Wert gleich oder weniger als 2, aber grösser als null.
Wenn es macht es leichter, ich kann den code ändern, zu ersetzen, die -1 mit 'X', aber es ' s legacy-code und ich möchte das ändern, so wenig wie möglich von dem, was bereits da. In Bezug auf die Vorherige code war es buchstäblich zu prüfen, ob jede checkbox checked mit javascript - wie: document.getElementById('r1a1').checked = false; (wo rqa1 wurde der id für radio-Taste) für jede und jeden radio-button - fein, wenn es nur ein paar, aber auf einigen Seiten werde ich in die region der 50-plus-radio-buttons.

InformationsquelleAutor Homer_J | 2013-07-24

3
```
$('input[type="radio"]:checked').each(function() {
    if (this.value > 0 && this.value <= 2) {
       //do something if the value is less than zero and below or equal to two
    }else if (this.value > 2) {
       //do something else if the value is greater than two
    }
});
```
- Dieser code muss gefeuert werden jedes mal, wenn ein Benutzer einen radio-button oder können, ausgelöst, nachdem der Benutzer ausgewählt hat, die Letzte radio-button?
- das ist unmöglich zu beantworten, tun, was Sie möchten. Wenn Sie möchten, um den code auszuführen jedes mal, wenn radio ausgewählt ist, werden Sie tun, wenn Sie einen "submit" - oder so etwas wie, dass, wenn der Benutzer beendet hat, die, Sie können alles überprüfen vor dem Absenden usw. Es ist wirklich bis zu Ihnen!
- Eine Entschuldigung, die nur versuchen in meinen Kopf zu kriegen jQuery - wenn ich das Feuer dieser code auf eine form submit tut es überprüfen Sie jeden radio-button auf der Seite?
- Mit diesem Selektor prüft alle checked radiobutton auf der Seite. Beachten Sie, dass beim senden eines Formulars die Standard-Aktion die Seite neu laden, und alle javascript-verloren damals.
- Danke - ich habe da ein problem, diese, um auszuführen, wenn ein Benutzer einen radio-button. Ich nehme an, ich sollte wickeln Sie diesen in eine Funktion und rufen Sie es über die onclick Methode?
InformationsquelleAutor adeneo

$('input[type=radio]').on('change', function(){
  if((this.val() > 0) && (this.val() <=2)) {
    //Todos
   }
  else if(this.val() > 2) {
   //Todos
   }    
});

InformationsquelleAutor Praveen

var $lessOrEqual2AndGreatZero = $('input[type="radio"]:checked').filter(function(elem){
    return ($(elem).val() > 0 && $(elem).val() <= 2);
});


if ($lessOrEqual2AndGreatZero.length){
   //code
} else {
    var $greaterThanTwo = $('input[type="radio"]:checked').filter(function(elem){
        return ($(elem).val() > 2);
    });
    if ($greaterThanTwo.length){
        //more code
    }
}

InformationsquelleAutor maximkou

Wenn ich Ihre Frage zu verstehen:

var check = $(':radio:checked').is(function () {
    return this.value <= 2 && this.value > 0
});

if(check)
   //at least one radio button which is checked as value > 0 but less or equal to 2

InformationsquelleAutor A. Wolff

var radios = $('input[type="radio"]');

function areAnyInRange() {
    return radios.filter(':checked').filter(function() {
       return (+this.value > 0 && +this.value <= 2);
    }).length > 0;
}

function inRange() {
    if(areAnyInRange()) {
       console.log('radios in range!');    
    } else {
        console.log('no radios in range :(');   
    }
}

inRange();
radios.change(inRange);

jsfiddle: http://jsfiddle.net/JZfeT/1/

Wie der code funktioniert:

areAnyInRange durchläuft, überprüft radios und gibt true zurück, wenn alle
Werte sind im Bereich
dieser Spaß wird aufgerufen, sobald auf die code-Ausführung und dann jedes mal, radios ändern

InformationsquelleAutor Dominic

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.