I have the following code to generate a group of radio buttons. I can't seem to retrieve the value of the selected item. Thoughts?
Component:
<aura:iteration items="{! v.registrationOptions2 }" var="item">
<input type="radio"
aura:id="amountDueRadioButton"
id="terms"
name="terms"
onchange="{!c.calculateRegistrationAmountDue}"
value="{!v.registrationSelection}">
</input>
<label for="terms"><aura:unescapedHtml value="{!item.label}" /></label><br/>
</aura:iteration>
<aura:attribute name="registrationOptions2" type="List"
default="[
{'label': ' Open Day ($375)', 'value': 'Open Day'},
{'label': ' Open Day + <i> Improving Stability of Biological Products</i> Technical Workshop ($375 + $75)', 'value': 'Open Day + Workshop'},
{'label': ' <i>Improving Stability of Biological Products</i> Technical Workshop ONLY ($200)', 'value': 'Workshop ONLY'} ]"/>
Controller:
calculateRegistrationAmountDue: function(component, event, helper) {
var registrationOption = event.getSource().get("v.value");