wake-up-neo.com

Optionsfeld geprüft

In meiner Anwendung benötige ich eine Funkgruppe, in der immer dann, wenn ein Optionsfeld angekreuzt wird, eine Warnmeldung angezeigt wird, damit ich seinen Wert in ajax post mit jQuery posten kann. 

Kannst du mir bitte helfen, wie ich es in jQuery schaffen kann?

29
tarique

Versuchen Sie etwas so:

$(function(){
  $('input[type="radio"]').click(function(){
    if ($(this).is(':checked'))
    {
      alert($(this).val());
    }
  });
});

Wenn Sie Ihren Radioknöpfen eine Klasse geben, können Sie den Code $('input[type="radio"]') durch $('.someclass') ersetzen.

47
Sarfraz

Update 2017: Hey. Dies ist eine schreckliche Antwort. Verwenden Sie es nicht. Früher war diese Art der Verwendung von jQuery üblich. Und damals hat es wahrscheinlich funktioniert. Lesen Sie es einfach, stellen Sie fest, dass es schrecklich ist, und bewegen Sie sich dann zu einer der anderen Antworten, die besser für das heutige jQuery ist.


$("input[type=radio]").change(function(){
    alert( $("input[type=radio][name="+ this.name + "]").val() );
});
10
David Murdoch

Der HTML-Code:

<input type="radio" name="theName" value="1" id="option-1">
<input type="radio" name="theName" value="2">
<input type="radio" name="theName" value="3">

Der Javascript-Code:

$(document).ready(function(){
    $('input[name="theName"]').change(function(){
        if($('#option-1').prop('checked')){
            alert('Option 1 is checked!');
        }else{
            alert('Option 1 is unchecked!');
        }
    });
});

Ermitteln Sie bei mehreren Radios mit dem Namen "theName", ob Option 1 aktiviert oder deaktiviert ist. Funktioniert in allen Situationen: Klicken Sie auf die Schaltfläche, verwenden Sie die Tastatur, verwenden Sie den Joystick, ändern Sie automatisch die Werte von anderen Dinamicaly-Funktionen usw.

4
e-info128

Sie können einfach die Methode change von JQuery verwenden, um den Wert des aktuellen Radios mit dem folgenden Code zu prüfen:

JQuery:

$(document).on('change', '[type="radio"]', function() {
    var currentlyValue = $(this).val(); // Get the radio checked value

    alert('Currently value: '+currentlyValue); // Show a alert with the current value
});

Sie können den Selektor '[type="radio"]' für eine gewünschte Klasse oder ID ändern.

Grüße!

$("#expires1").click(function(){
     if (this.checked)
        alert("testing....");
});
0
mital korat