Radiobox

Здравствуйте, каким образом можно разрешить/запретить использовать radiobox.
Суть следующая:

HTML:

1.  
2. //первый RadioBox
3. <input type  = "radio"
4.                       name  = "size"
5.                       value = "less10">Менее 10 страниц
6.                 <br><input type  = "radio"
7.                       name  = "size"
8.                       value = "less50">От 10 до 50 старниц
9.                 <br><input type  = "radio"
10.                       name  = "size"
11.                       value = "less100">От 50 до 100 старниц
12.                 <br><input type  = "radio"
13.                       name  = "size"
14.                       value = "more100">Более 100
15. //Второй RadioBox
16. <input type  = "radio"
17.                       name  = "design"
18.                       value = "allSame">Все одинаковые
19.                 <br><input type  = "radio"
20.                       name  = "design"
21.                       value = "firstOriginal"> 1ая оригинальная
22.                 <br><input type  = "radio"
23.                       name  = "design"
24.                       value = "moreFiveOriginal">Более 5 разных
25.                 <br><input type  = "radio"
26.                       name  = "design"
27.                       value = "moreTenOriginal">Более 10 Разных
28.  

Надо чтобы при выборе "Менее 10 страниц" из 1ого Radio, выбор "Более 10 разных" из 2ого становился недоступным

• 
  ПОдход наверное следующий, я в событии onClick должен проверить значение поназванию size. Если оно равно less10 установить свойство доступности элемента 2ого Radio = false

Как это реализовать в JC?

 

есть ли свойство у Radio вроде Enable/disable?

 

вот решение

HTML:

1.  
2. <script>
3. function toggle(bool) {
4. document.getElementById("targetRadio1").disabled = bool;
5. document.getElementById("targetRadio2").disabled = bool;
6. }
7. </script>
8.  
9. <input type="radio" name="r1" onClick="toggle(true)" value="1" />
10. <input type="radio" name="r1" onClick="toggle(false)" value="2" />
11. <br />
12. <input type="radio" name="r2" value="3" id="targetRadio1" disabled />
13. <input type="radio" name="r2" value="4" id="targetRadio2" disabled />