Как Вы делаете Переключатель HTML полужирным на выборе?

Можно сделать это просто с CSS, но необходимо перенести текст каждого входа в промежутке или другом теге:

<input type="radio" name="group1" value="Milk"><span>Milk</span><br>

Затем просто используйте одноуровневый селектор:

input[type="radio"]:checked+span { font-weight: bold; }

Вы могли попытаться делать все с CSS.

Я попробовал это и это works1:

<input type="radio" name="choice" value="1" checked /><span>First choice</span>
<input type="radio" name="choice" value="2" /><span>Second choice</span>

input[type="radio"]:checked + span
{
    font-weight: bold;
}

Объяснение: Это ловит все промежутки после радио-входа (тип = "радио") и проверяется.

¹ я протестировал с Firefox 3 и IE7, и он только работал с Firefox. (ссылка совместимости)

Я сделал бы что-то вроде этого:

<label><input type="radio" name="myRadio" value="1" /> One</label>
<label><input type="radio" name="myRadio" value="2" /> Two</label>
<label><input type="radio" name="myRadio" value="3" /> Three</label>

С onchange обработчик на каждом элементе для изменения класса CSS родительской маркировки. В jQuery это было бы похоже на это:

$(':radio').change(function() {           // get all the radio buttons and
                                          // add an onchange handler
    var $label = $(this).parent('label'); // get a reference to the parent label
    if (this.checked) {                   // if the radio is on...
        $label.addClass('selected');      // add the CSS class "selected" to the label
    } else {                              // otherwise...
        $label.removeClass('selected');   // take the class away.
    }
});

Просто не забудьте переопределять стиль по умолчанию для маркировок (который является полужирным):

label {
    font-weight: normal;
}
label.selected {
    font-weight: bold;
}

<input type=button onClick="this.style.fontWeight=bold">

Это могло бы работать, я не протестировал один. Конечно, существуют намного более хорошие решения.

Если у Вас была платформа JavaScript (как jQuery) вставленный в Ваш код, он, вероятно, имеет в наличии, многие функционируют, чтобы сделать то же. Селекторы, stylers, обработчики CSS и многое другое.

Я предложил бы создать класс CSS как это:

.felkover
{
    font-weight: bold;
}

Затем просто добавьте или удалите это определение в атрибуте класса любой данной кнопки.

Используйте событие OnChange Вашего select изменить стиль CSS выбранного элемента к полужирному.

Вот пример:

<script>
  function makeBold()
  {
    var radios = document.getElementsByName("sex");
    for (var index = 0; index < radios.length; index++)
    {
      if (radios[index].checked)
      {
        document.getElementById("span_" + radios[index].value).style.fontWeight='bold';
      }
      else
      {
        document.getElementById("span_" + radios[index].value).style.fontWeight='normal';
      }
    }
  }
</script>

<input type="radio" name="sex" value="male" onclick="makeBold();"> 
<span id="span_male">Male</span>

<br>
<input type="radio" name="sex" value="female" onclick="makeBold()"> 
<span id="span_female">Female</span>

РЕДАКТИРОВАНИЕ: необходимо определить текстовые промежутки с идентификаторами как этот: span_

забавный Ваши кнопки имеют маркировки вокруг них для включения текста, я добавил бы это к маркировкам.

<label onchange="this.parent.children.fontWeight='normal';this.fontWeight='bold';">

Хотя идеально я не поместил этот встроенный код, но сцепляю его с ними от где-нибудь в голове после того, как страница загрузилась.