Abrufen von Kontrollkästchenwerten unter Verwendung des Kontrollkästchennamens mit jquery

Lesezeit: 2 Minuten

Benutzer-Avatar
Oto Schawadse

Ich habe mehrere Eingabe-Checkboxen (sie heißen gleich für das Sende-Array auf dem Server).

Also, ich brauche jeden Wert dieser Checkboxen und ich möchte als Selektor-Checkbox-Namen verwenden, das funktioniert nicht, bitte helfen.

<form>
  <input type="checkbox" name="bla[]" value="1" />
  <input type="checkbox" name="bla[]" value="2" />
</form>

js:

$(document).ready( function () {    

   $("input[name=bla]").each( function () {
       alert( $(this).val() );
   });

});

DEMO

  • Ihr Code funktioniert, wenn Sie ihn entfernen [] im Namen bedeutet param bla[] zu bla

    – Bhaskara Arani

    22. Februar 2018 um 14:17 Uhr


Benutzer-Avatar
RAM

Sie wählen Eingänge mit dem Namensattribut von aus "bla"aber Ihre Eingaben haben "bla[]" Namensattribut.

$("input[name="bla[]"]").each(function (index, obj) {
        // loop all checked items
    });

http://jsfiddle.net/26axX/

  • Vielen Dank, danke an alle, ich werde diese Antwort akzeptieren 🙂

    – Oto Schawadse

    7. Januar 2013 um 8:59 Uhr

  • Fügen Sie :checked hinzu, um nur ausgewählte Kontrollkästchen als $(“input[name=’bla[]’]:checked”).each( function () {

    – Satisch

    23. November 2017 um 13:46 Uhr

Wenn Sie eine Liste aller Werte von aktivierten Kontrollkästchen erhalten möchten (z. B. um sie als Liste in einem AJAX-Aufruf an den Server zu senden), können Sie diese Liste erhalten mit:

var list = $("input[name="bla[]"]:checked").map(function () {
    return this.value;
}).get();

  • Perfekte Lösung (y) +1

    – Ghulam Ali

    13. September 2017 um 12:08 Uhr

Benutzer-Avatar
rbtLong

Sie sollten auch die Klammern angeben. . .

<input type="checkbox" name="bla[]" value="1" />

daher sollte es so sein, wie es ist name="bla[]"

$(document).ready( function () { 

   $("input[name="bla[]"]").each( function () {
       alert( $(this).val() );
   });

});

$('[name="CheckboxName"]:checked').each(function () {
    // do stuff
});

Benutzer-Avatar
Bardizier

Ich möchte hinzufügen, dass Sie, wenn Sie versuchen, alle Kontrollkästchen mit diesem Namen zu erhalten, die ausgewählt wurden, die folgende Syntax verwenden möchten:

$("[name="bla[]"]:checked").each(function () {
    // do stuff
});

Stellen Sie sicher, dass kein Leerzeichen zwischen dem Schließen steht ] und :checked

  • Gut zu sehen im Einsatz :checked Selektor und Vermeidung eines Extras if statement

    – hm

    18. Januar 2017 um 16:09 Uhr

Benutzer-Avatar
Dirty-Flow

$("input[name="bla[]"]").each( function () {
    alert($(this).val());
});

  • Gut zu sehen im Einsatz :checked Selektor und Vermeidung eines Extras if statement

    – hm

    18. Januar 2017 um 16:09 Uhr

Benutzer-Avatar
schwammig

// Kontrollkästchenwerte anhand des Namens des Kontrollkästchens abrufen

<head>
        <script>
        function getCheckBoxValues(){
            $('[name="checkname"]').each( function (){
                alert($(this).val());
            });
        }
        </script>
    </head>
    <body>
        <input type="checkbox" name="checkname" value="1"/>
        <input type="checkbox" name="checkname" value="2"/>
        <input type="checkbox" name="checkname" value="3"/>
        <input type="button" value="CheckBoxValues" onclick="getCheckBoxValues()"/>
    </body>

// nur die geprüften Werte abrufen

function getCheckBoxValues(){
        $('[name="checkname"]').each( function (){
            if($(this).prop('checked') == true){
                alert($(this).val());
            }
        });
    }

1258110cookie-checkAbrufen von Kontrollkästchenwerten unter Verwendung des Kontrollkästchennamens mit jquery

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy