Ottieni i valori della casella di controllo usando il nome della casella di controllo

Ho diverse caselle di controllo di input (il nome è lo stesso per l'array di invio sul server).Ottieni i valori della casella di controllo usando il nome della casella di controllo

Quindi, ho bisogno di ottenere ogni valore di questa casella di controllo e voglio usare come nomi della casella di controllo selettore, questo non funziona, aiuto per favore.

<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

fonte

2013-01-07 RIKI

Il codice funziona, se si rimuove [] nel param name significa bla [] per bla –

si selezionano ingressi con attributo name "bla", ma gli ingressi hanno "bla[]" attributo name.

$("input[name='bla[]']").each(function() {

http://jsfiddle.net/26axX/

fonte

2013-01-07 08:51:23 undefined

Grazie mille, grazie a tutti, accetterò questa risposta :) – RIKI

@OTARIKI Siete i benvenuti :) – undefined

Aggiungi: selezionato per trovare solo caselle selezionate come $ ("input [nome = 'bla []']: selezionato") .each (function() { – Satish

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

fonte

2013-01-07 08:51:33

come è stato detto più volte, è necessario modificare il selettore per

$("input[name='bla[]']")

Ma voglio aggiungere, è necessario usare singolo o doppie virgolette quando si utilizza [] nel selettore.

fonte

2013-01-07 08:53:40 realshadow

È necessario includere anche le parentesi. . .

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

quindi riferimento a dovrebbe essere come essere name='bla[]'

$(document).ready(function() { 

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

});

fonte

2013-01-07 08:54:55 rbtLong

// ottenere valori di caselle di controllo che utilizzano il nome di casella

<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>

// ottiene solo la strega valori vengono controllati

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

fonte

2016-02-04 07:10:56 swamy

Vorrei aggiungere che se si sta cercando di ottenere tutte le caselle di controllo con quel nome che sono stati selezionati, si desidera utilizzare la seguente sintassi:

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

assicurarsi che non v'è un spazio tra la chiusura ] e :checked

fonte

2016-02-23 21:31:02 Bardicer

Buono a vedere usando il selettore ': checked' ed evitando un'ulteriore istruzione' if' – hmd

Se si desidera ottenere un elenco di tutti i valori delle caselle di controllo selezionate (ad es. per inviargli il presente come una lista in chiamata uno AJAX al server), si potrebbe ottenere tale elenco con:

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

fonte

2017-09-07 11:31:14

Soluzione perfetta (y) +1 –

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

fonte

2017-12-01 12:44:53 Parameswaran

Ottieni i valori della casella di controllo usando il nome della casella di controllo

risposta

Problemi correlati