Изменить таблицу в зависимости от выбора радиокнопки

Question

У меня есть два разных набора данных worldcupresults за 2006 и 2010 годы. Я хочу иметь возможность выбрать радиокнопку 2006 года и отобразить результаты за этот год в таблице, я также хочу выбрать 2010 и показать эти результаты за этот год встол.Таблица 2006 отображается правильно, но при выборе радиокнопки 2010 ничего не происходит.Любая помощь приветствуется.

Это код, который я пробовал, но он не работает успешно.

if(document.getElementById("radiobutton2006").checked = true)
{
     $ ('#table2006').append(`<tr><td>${value.team}</td <td>${value.result}</td></tr>`);
}
else if(document.getElementById("radiobutton2010").checked = true)
{
     $ ('#table2010').append(`<tr><td>${value.team}</td> <td>${value.result}</td></tr>`);
}

Answer 1

Просто хотел немного развить ответ Элишса.Вы, кажется, используете jQuery, поэтому я соответствующим образом обновил document.getElementById.Также, как упоминал Элиш, в JavaScript есть две формы равенства.== слабое равенство, а === строгое.Как правило, вы должны использовать строгий, потому что есть ситуации, когда == может вызвать неожиданное поведение.

if ($("#radiobutton2006").prop('checked') === true)

См .:

• JavaScript - Хорошие детали
• JQuery - Prop

Answer 2

Для оператора if требуется, чтобы указанное условие было либо истинным , либо ложным .Вы используете оператор присваивания = в вашем if-else условии.Знак = на самом деле не нужен, поскольку checked является свойством * 1012. *

if(document.getElementById("radiobutton2006").checked)
{
     $ ('#table2006').append(`<tr><td>${value.team}</td <td>${value.result}</td></tr>`);
}
else if(document.getElementById("radiobutton2010").checked)
{
     $ ('#table2010').append(`<tr><td>${value.team}</td> <td>${value.result}</td></tr>`);
}

Но если вы хотите продолжить с оператором равенства, вам следует заменить = на ==или ===.Обратите внимание, что == и === не совпадают.=== также проверяет тип.