Grails Radio Disposition des boutons

Question

Bonjour Je crée quatre boutons radio qui dépendent l'un de l'autre.

Les boutons sont d'abord, deuxième, A, B

First Second 
A   B 

les boutons sont comme si nous choisissons d'abord alors seulement d'abord est de sélectionner et les boutons A et B devient désactiver . si nous sélectionnons Deuxième puis A et B devient activé et nous pouvons en sélectionner un bouton.

<g:radioGroup name="RadioGrails" 
       labels="['First','Second']" 
       values="[1,2]"> 
<label> 
     <span class="radioSpan">${it.radio}</span> 
     ${it.label} 
</label> 
</g:radioGroup> 

Les boutons radio pour A et B

<g:radioGroup name="ABRadioButtons" 
        labels="['A','B']" 
        values="[1,2]"> 
    <label> 
      <span class="radioSpan">${it.radio}</span> 
      ${it.label} 
    </label> 
    </g:radioGroup> 

Answer 1

J'utiliser:

(bien sûr, vous devez définir l'état initial du second radioGroup ...)

<g:radioGroup class="radiograils" name="RadioGrails" labels="['First','Second']" values="[1,2]"> 
    <label> 
     <span class="radioSpan"> 
      ${it.radio} 
     </span> ${it.label} 
    </label> 
</g:radioGroup> 

<g:radioGroup class="abradiobuttons" name="ABRadioButtons" labels="['A','B']" values="[1,2]"> 
    <label> 
     <span class="radioSpan"> 
      ${it.radio} 
     </span> ${it.label} 
    </label> 
</g:radioGroup> 

<script src="${request.contextPath}/js/jquery-2.0.2.min.js"></script> 
<script type="text/javascript"> 
    $('.radiograils').change(function() { 
     if ($(this).val() == 2) { 
      $('.abradiobuttons').prop('disabled', false); 
     } else { 
      $('.abradiobuttons').prop('checked', false); 
      $('.abradiobuttons').prop('disabled', true); 
     } 
    }); 
</script>