Pass Context Info to Bootstrap Modal

[Asma Merchant]

Hi,

I have a set of radio buttons. On clicking a radio button a confirm message
is shown. If user selects yes then event is fired, otherwise nothing
happens. I have made an event that is to be called on confirm modal. What I
can't figure out is how to pass the radio button id or data-id to this event
handler. Here is some code:

 

<t:radiogroup t:id="pulseMode">

                                          

<input t:type="radio" t:id="Off" href="#pulseChangeModal"
data-toggle="modal"  data-id="PulseMode.Off" />

<input t:type="radio" t:id="A" href="#pulseChangeModal" data-toggle="modal"
data-id="PulseMode.A" />

<input t:type="radio" t:id="B" href="#pulseChangeModal" data-toggle="modal"
data-id="PulseMode.B" />

.

.

. 

</t:radiogroup>

 

<div id="pulseChangeModal" class="modal hide fade">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button> </div>                     

       <div class="modal-body">   </div>             

<div class="modal-footer">

             <a id="yesButton" t:type="web/eventlinkex"
t:event="changePulseMode" href="#" t:context="Pass clicked radio button's id
here" class="btn btn-primary" >${message:yes }</a>

              <a href="#" class="btn" data-dismiss="modal">${message:no
}</a>

       </div>

</div>

 

Regards,
AM