Радиогруппы с интерактивной меткой

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

Проблема, с которой я столкнулась, - это когда у вас несколько переключателей, например, выбор типа "да или нет". Чтобы сделать это, если вы нажмете один из них, другой отключит, так это то, что оба атрибута "имя" переключателей должны иметь одинаковое значение.

Можно ли сделать и то и другое?

<label for="no">No</label> 
<input type="radio" name="no" value="no" />

<label for="yes">Yes</label> 
<input type="radio" name="yes" value="yes" />

Ответ 1

Атрибут

id (not name) следует отнести к атрибуту for. Это должно быть так: http://jsfiddle.net/zzsSw/

<label for="no">No</label> 
<input type="radio" name="mygroup" id="no" value="no" />

<label for="yes">Yes</label> 
<input type="radio" name="mygroup" id="yes" value="yes" />

Ответ 2

Вы также можете писать ярлыки без идентификаторов:

<label>
  <input type="radio" name="mygroup" />
  My clickable caption
</label>

или флажок

<label>
  <input type="checkbox" name="mygroup[]" />
  My clickable caption
</label>