Radioknopf Wert vits jquery

Question

Ich habe ein Testformular, wo mein Radiobutton Text und Wert haben.

Ich versuche, Text von Etikett, um von überprüft Optionsfeld versteckt Feld name = form [Test]

dies ist meine Funktion:

var levels = $('input[name="form[Button]"]:checked + label').map(function() { 
return $(this).text(); 
}).get(); 

$('input[name="form[test]"]').change(function() { 
($(this).val(levels)); 
}); 

HTML

<input type="radio" id="Button0" value="0" name="form[Button]"> 
<label for="Button0">This item is worth £0</label> 
<input type="radio" id="Button1" value="100" name="form[Button]"> 
<label for="Button0">This item is worth £100</label> 

<input type="hidden" value="" id="test" name="form[test]"> 

Aber meine Änderung in jQuery funktioniert einfach nicht.

Vielen Dank für Ihre Hilfe im Voraus!

Dom

Answer 1

$('input[name="form[Button]"]').change(function() { 
    var level = $('input:radio[name="form[Button]"]:checked + label').text(); 
    $('input[name="form[test]"]').val(level); 
}); 

Und Sie können eine live demo sehen.

Answer 2

Diese

$('input[name="form[test]"]').change(function() { 
($(this).val(levels)); 
}); 

bedeutet, dass Sie nur den Wert des verborgenen Eingang ändern möchten, wenn es bereits durch einen anderen Einfluss ändert. Ich glaube, Sie bedeuten:

var levels = $('input[name="form[Button]"]:checked + label').map(function() { 
    return $(this).text(); 
}).get(); 

$('input[name="form[test]"]').val(levels); 

Answer 3

Probieren Sie es auf diese Weise:

$('input[name="form[Button]"]').each(function() { 
    $(this).data('label', $(this).next('label').text()); 
}); 

$('input[name="form[Button]"]').change(function() { 
    $('input[name="form[test]"]').val($(this).data('label')); 
});