javascript - 无法更改单选按钮选择

Question

我有一些表格(多个)，当我通过单击选择一个表格时，我需要选择第一个单选按钮。

它工作正常，但如果我想更改单选按钮的选项，我不能。它始终保留第一个标记。

这是一个解决这个问题的方法: 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()
})