Невозможно изменить выбор переключателя

Question

У меня есть несколько таблиц (более одного), когда я выбираю одну таблицу, нажимая на нее, мне нужно, чтобы была выбрана первая радиокнопка.

Он отлично работает, но если я хочу изменить параметр переключателя i can not. Он всегда остается первым.

Вот скрипку с вопросом: https://jsfiddle.net/jzbm4j60/

$('table').click(function(event) { 
     $('table').removeClass('focus'); 
     event.stopPropagation(); 
     $(this).addClass('focus'); 
     var $firstRadio = $(this).find('input:radio[name=rdGoFerrys]:first'); 
     var $secondRadio = $(this).find('input:radio[name=rdBackFerrys]:first'); 
     if ($firstRadio.is(':checked') === false) { 
      $firstRadio.prop('checked', true); 
     } 
     if ($secondRadio.is(':checked') === false) { 
      $secondRadio.prop('checked', true); 
     } 
    }); 

Answer 1

Клик событий на ваших входах бурлит в DOM и запуская событие щелчка у вас на столе. Остановите это поведение, используя:

$('input').click(function(e) { 
    e.stopPropagation() 
})