Складной внутри контрольной группы

Question

Я пытаюсь создать «контрольную группу» роли данных в «складном». Проблема в том, что мне нужно сделать выбор группы управления уникальным, только один проверяется для каждого выбора. В этот момент, когда я выбираю вариант, он остается выбранным и даже не отменяет при повторном нажатии.

вот код:

<div data-role="collapsible"> 
      <h4>Food type list</h4> 
      <fieldset data-role="controlgroup" data-inset="false"> 
       <input type="radio" name="radio-choice-v-2a" id="Vegetariano1" value="off"> 
       <label for="Vegetariano1">Vegetarian</label> 
       <input type="radio" name="radio-choice-v-2b" id="Dieta1" value="off"> 
       <label for="Dieta1">Diet</label> 
       <input type="radio" name="radio-choice-v-2c" id="Consumo_diario1" value="on" checked="checked"> 
       <label for="Consumo_diario1">Varied consumption</label> 
      </fieldset> 
     </div> 

     <p></p> 

     <div data-role="collapsible"> 
      <h4>Health condition list</h4> 
      <fieldset data-role="controlgroup" data-inset="false"> 
       <input type="radio" name="radio-choice-v-3a" id="Diabetico1" value="off"> 
       <label for="Diabetico1">Diabetic</label> 
       <input type="radio" name="radio-choice-v-3b" id="Cardiaco1" value="off"> 
       <label for="Cardiaco1">Cardiac</label> 
       <input type="radio" name="radio-choice-v-3c" id="Hipertenso1" value="off"> 
       <label for="Hipertenso1">Hypertensive</label> 
       <input type="radio" name="radio-choice-v-3d" id="Saudavel1" value="on" checked="checked"> 
       <label for="Saudavel1">Healthy</label> 
      </fieldset> 
     </div> 

JSFiddle ссылка: JSFiddle

Answer 1

name атрибут для каждой группы должны быть одинаковыми.

<input type="radio" name="foo" id="Diabetico1" value="off"> 
<label for="Diabetico1">Diabetic</label> 
<input type="radio" name="foo" id="Cardiaco1" value="off"> 
<label for="Cardiaco1">Cardiac</label> 
<input type="radio" name="foo" id="Hipertenso1" value="off"> 
<label for="Hipertenso1">Hypertensive</label> 
<input type="radio" name="foo" id="Saudavel1" value="on" checked="checked"> 

Demo