выберите радио с jquery

Question

Мне нужно выбрать значение радио, когда я нажимаю кнопку.
Это мой код. JQuery код должен начинаться с этим кодом:

$('.button').click(function(){}); 

Я написал этот код, но он не работает:

$('.button').click(function(){ 
    var t = $(this).parent().find('td div#select_type').children('input[checked=checked]').html(); }); 

<table> 
     <tbody> 
      <tr class="row"> 
       <td>1</td> 
       <td>2</td> 
       <td>3</td> 
       <td>4</td> 
       <td width="130"> 
        <div id="select_type"> 
         <input value="0" id="select_type_0" type="radio" name="select_type" /> 
         <label for="select_type_0"></label> 
         <input value="1" id="select_type_1" type="radio" name="select_type" /> 
         <label for="select_type_1"></label> 
         <input value="2" id="select_type_2" type="radio" name="select_type" checked=checked /> 
         <label for="select_type_2"></label> 
        </div> 
       </td> 
       <td class="button button_bt" style=" border: none"> 
        <a>button</a> 
       </td> 
      </tr> 
      <tr> 
      ... 
      </tr> 
     </tbody> 
    </table> 

Answer 1

Вот решение

var t = $(this).parent().find('td div#select_type').children('input:checked').val();alert(t); 

Demo JSFiddle

Answer 2

я не могу найти свою ошибку, но я могу предложить другое решение

Первая позволяет дать идентификатор элементам

<table> 
    <tbody> 
     <tr class="row"> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
      <td>4</td> 
      <td id="form" width="130"> 
       <div id="select_type"> 
        <input value="0" id="select_type_0" type="radio" name="select_type" /> 
        <label for="select_type_0"></label> 
        <input value="1" id="select_type_1" type="radio" name="select_type" /> 
        <label for="select_type_1"></label> 
        <input value="2" id="select_type_2" type="radio" name="select_type" checked=checked /> 
        <label for="select_type_2"></label> 
       </div> 
      </td> 
      <td id="btn" class="button button_bt" style=" border: none"> 
       <a>button</a> 
      </td> 
     </tr> 
     <tr> 
     ... 
     </tr> 
    </tbody> 
</table> 

чем JQuery вызова, как этот

$('.button').click(function(){ 
var t = $("#form input[type='radio']:checked").val();}); 

будет раскошелиться правильно

Answer 3

JS

$('.button > a').click(function(){ 
    var myValue= $('div#select_type input:radio:checked').val(); 
    alert(myValue); 
}); 

также можно найти в fiddle