根据单选按钮的选择更改表格

Question

我有两个不同的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

if语句要求指定条件为truthy或falsy。您正在if-else条件中使用赋值运算符=。=符号并不是真正必要的，因为checked是boolean属性。

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>`);
}

但如果要继续使用相等运算符，则应将=替换为==或===。注意，==和===不相同。===还检查类型。

Answer 2

我只是想在Elish的回答基础上再做一点。您似乎在使用jQuery，所以我适当地更新了document.getElementById。此外，正如Elish所提到的，JavaScript中存在两种形式的相等。==是弱等式，===是严格的。通常应该使用strict，因为在某些情况下==可能会导致意外行为。

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

参见：

• JavaScript-好的部分
• JQuery-道具