radio_buttons с JQuery

Question

EDIT:

Вот проблема/вопрос:
кнопки Jquery работы (показать отформатирован в стиле Jquery, согласно, например, в jquery documentation) в первом примере (места) и Дон 't работать (не отображаться в формате jquery style) во втором (радио).

Я пытался заставить jquery кнопки работать, но я не могу это сделать.

Я работал с this question и адаптирована jfiddle

Я уверен, что это должно быть только небольшая вещь, которую я не хватает - но почему этот код работы:

<fieldset class="filter_form_fieldset venues"> 
    <legend class="filter_form_fieldset_legend">Choose a venue type:</legend> 
    <input type="checkbox" name="venuetypes[]" id="venue-1" /> 
    <label for="venue-1">Venue 1</label> 
    <input type="checkbox" name="venuetypes[]" id="venue-2" /> 
    <label for="venue-2">Venue 2</label> 
    <input type="checkbox" name="venuetypes[]" id="venue-3" /> 
    <label for="venue-3">Venue 3</label> 
</fieldset> 

и этого кода нет?

<tr> 
    <td class="goal_row">goal 1: </td> 
    <td id="radio"> 
    <input id="score_1_1" name="score_1" type="radio" value="1" /> 
    <label for="score_1">1</label> 
    <input id="score_1_2" name="score_1" type="radio" value="2" /> 
    <label for="score_1">2</label> 
    <input id="score_1_3" name="score_1" type="radio" value="3" /> 
    <label for="score_1">3</label> 
    <input id="score_1_4" name="score_1" type="radio" value="4" /> 
    <label for="score_1">4</label> 
    <input id="score_1_5" name="score_1" type="radio" value="5" /> 
    <label for="score_1">5</label> 
    </td> 
</tr> 

Answer 1

FIDDLE

Положите радио в DIV и изменить для значения от имени к идентификатору, как этот

<tr> 


<td class="goal_row">goal 1: </td> 
    <td> 
     <div id="radio"> 
      <input id="score_1_1" name="score_1" type="radio" value="1" /> 
      <label for="score_1_1">1</label> 
      <input id="score_1_2" name="score_1" type="radio" value="2" /> 
      <label for="score_1_2">2</label> 
      <input id="score_1_3" name="score_1" type="radio" value="3" /> 
      <label for="score_1_3">3</label> 
      <input id="score_1_4" name="score_1" type="radio" value="4" /> 
      <label for="score_1_4">4</label> 
      <input id="score_1_5" name="score_1" type="radio" value="5" /> 
      <label for="score_1_5">5</label> 
     </div> 
    </td> 
</tr> 

Answer 2

ОК, я получил его. его и Ид Поставленная задача это ниже кода в коде, и это будет работать проверить эту скрипку http://jsfiddle.net/DZx3z/62/

<tr> 
    <td class="goal_row">goal 1: </td> 
    <td> 
    <div id="radio"> 
    <input id="score_1_1" name="score_1" type="radio" value="1" /> 
    <label for="score_1_1">1</label> 
    <input id="score_1_2" name="score_1" type="radio" value="2" /> 
    <label for="score_1_2">2</label> 
    <input id="score_1_3" name="score_1" type="radio" value="3" /> 
    <label for="score_1_3">3</label> 
    <input id="score_1_4" name="score_1" type="radio" value="4" /> 
    <label for="score_1_4">4</label> 
    <input id="score_1_5" name="score_1" type="radio" value="5" /> 
    <label for="score_1_5">5</label> 
    </div> 
    </td> 
</tr> 

, что это проблема в коде:

сво небольшая проблема, которую вы пытаетесь поставить name attr valuefor attr of label в том, что это, почему не работает for attr works for id val

Answer 3

Попробуйте эту скрипку: нужно поставить radio кнопку inside div и установить divid является radio

http://jsfiddle.net/DZx3z/61/