jQuery: toggle di più input

[aasmdaa]

Ho un form:

<form name = "frm_nome" action="azione.asp">
<input type="checkbox" name="numero" value="1">Uno
<input type="checkbox" name="numero" value="2">Due
<input type="checkbox" name="numero" value="3">Tre
</form>
<input type="checkbox" id="tutti">Seleziona tutti

Vorrei che premendo sul checkbox "tutti" facesse i toggle di tutti i checkbox.

Ma non funziona...

Ecco il codice:

$("#tutti").click(function(){
$('frm_nome').children('input').attr("checked",tru e);
});

[aasmdaa]

$('input#tutti').change(function (){
if(!$('form#frm_nome').children('input').hasClass( "checked")){
if(!$('form#frm_nome').children('input').addClass( "checked");
return;
}
$('form#frm_nome').children('input').removeClass(' checked');
});


Ma non va...

[fcaldera]

<form name = "frm_nome" id= "form_id" action="azione.asp">
<input type="checkbox" name="numero" value="1">Uno
<input type="checkbox" name="numero" value="2">Due
<input type="checkbox" name="numero" value="3">Tre
</form>
<input type="checkbox" id="tutti">Seleziona tutti

$("#tutti").click(function(){
    $('#form_id input').each(function() {
       var value = (!!($(this).get(0).checked))? false : 'checked'
       $(this).attr("checked", value);
    });
});

[aasmdaa]

Ah ok!!!
Adesso funziona...
Ma l'hai modificata al volo?

Grazie

[fcaldera]

Originariamente inviato da aasmdaa
Ah ok!!!
Adesso funziona...
Ma l'hai modificata al volo?

Grazie

sì solo una cosa: quello script fa un toggle cioè inverte il valore delle checkbox, che è ben diverso da un seleziona/deseleziona tutti. Se parti con la prima checkbox flaggata, lo script ti deselezionerà questa e selezionerà le rimanenti.

[aasmdaa]

Sì in pratica è un "inverti selezione" e non "seleziona/deseleziona tutti". Ma è quello che mi serviva.

Dato che mi serve più avanti anche il "seleziona/deseleziona tutti" come diventerebbe la funzione?

[fcaldera]

Originariamente inviato da aasmdaa
Sì in pratica è un "inverti selezione" e non "seleziona/deseleziona tutti". Ma è quello che mi serviva.

Dato che mi serve più avanti anche il "seleziona/deseleziona tutti" come diventerebbe la funzione?

è simile

$("#tutti").click(function(){
    var value = (!!($(this).get(0).checked))? 'checked' : false;
    $('#form_id input').each(function() {
       $(this).attr("checked", value);
    });
});

[aasmdaa]

così non va... ma credo abbia fatto solo un'errore di scrittura:

$("#SelezionaTutti").click(function(){
var value = (!!($(this).get(0).checked))? false : 'checked'
$('#frm_AllineamentiEmettere input').each(function() {
$(this).attr("checked", value);
});
});

così funziona.

Perfetto! Grazie 1000!

Ma questo è Javascript puro oppure sfrutta comqunque JQuery?

[fcaldera]

Originariamente inviato da aasmdaa
Ma questo è Javascript puro oppure sfrutta comqunque JQuery?

questo costrutto sfrutta jQuery

[aasmdaa]

Vediamo se mi risolvi anche questa, sempre riguardo lo stesso argomento ovviamente:

$('#form_id input').

facendo così devo praticamente specificare in quale form va ad agire il Javascript. Se io volessi invece sfruttare la stessa funzione su diversi form come posso passare il parametro del form in cui mi trovo?

ovvero ho

<form id="aaa">
...
<button id="SelezionaTutti">...
</form>

<form id="bbb">
...
<button id="SelezionaTutti">...
</form>

In modo che funzioni su tutti senza doverne specificare uno ognuno?