Wählen Sie alle/keine mit versteckten Feldern nicht ganz funktionierend

Question

Ich versuche, versteckte Felder in einem Formular zu verwenden, um Zustandsselektionen statt Checkboxen zu übergeben, so dass ich ui ein bisschen verbessern kann und auch nicht mit dem lästigen Posten beschäftigen muss von Checkbox-Feldern zu klassischen Asp-Server-Seiten.

Ich habe einen Test Beispiel dafür, was ich versuche, hier zu tun: jsFiddle example of problem

ich den 2 Zeichen Zustand Textwert des div mit dem Wert der ausgeblendeten Felder zu aktualisieren. Wenn ich auf den Link "Alles auswählen" klicke, überprüfe ich den Wert für "#StatesTX" und erwarte, dass es "TX" ist, aber dass es alle Textwerte für jedes Div enthält.

Gibt es eine Möglichkeit zu erhalten, dass alle Verknüpfung zu up-Datum jedes versteckten Feld mit dem Text Wert seiner einzelnen Eltern div auswählen?

Answer 1

prüfen Code unten und sehen, ob dies etwas ist, was Sie wollen,

DEMO

var $boxes = $('.boxes'); 

$('#lightall').click(function() { 
    $boxes.each(function() { 
     $(this).find('input[type=hidden]').val($(this).text()); 
    }); 
    $boxes.addClass('lights'); 
    alert('statesAL: ' + $('#statesAL').val()); 
}); 

$('#lightnone').click(function() { 
    $('.boxes input[type=hidden]').val(''); 
    $boxes.removeClass('lights'); 
    alert('statesTX: ' + $('#statesTX').val()); 
}); 

Answer 2

Ja, es gibt eine Möglichkeit, jeden einzelnen zu seinem übergeordneten Text zu aktualisieren:

$('input[type=hidden]').each(function() { 
    $(this).val($(this).parent().text()); 
});