javascript - 将脚本绑定(bind)到单选按钮: Weird Behaviour : Not Binding by Name

Question

在我的 mvc 应用程序中，我将相同的功能绑定(bind)到这两个单选按钮。

$('#Fra').bind('change', function () {
    f_GC();
});

$('#Hea').bind('change', function () {
    f_GC();        
});

这几行的工作方式是 Fra 有 2 个具有相同名称/ID 的单选按钮(不同的值)。 Hea 有 4 个具有相同名称/ID 的单选按钮(不同的值)...

我的理解是，属于 Fra、/Hea 的所有 ID 都会绑定(bind)到函数...

这些工作了最长的时间，我必须更改一些代码....但是为了让所有 6 个单选按钮运行这些功能，我现在必须像这样绑定(bind)它们..

$('input:radio[name=Fra][value=' + 1 + ']').bind('change', function () {
    f_GC();  
});
$('input:radio[name=Fra][value=' + 2 + ']').bind('change', function () {
    f_GC();  
});
$('input:radio[name=Hea][value=' + 1 + ']').bind('change', function () {
    f_GC();  
});
$('input:radio[name=Hea][value=' + 2 + ']').bind('change', function () {
    f_GC();  
});
$('input:radio[name=Hea][value=' + 3 + ']').bind('change', function () {
    f_GC();  
});
$('input:radio[name=Hea][value=' + 4 + ']').bind('change', function () {
    f_GC();  
});

此行为有简单的解释吗？ chrome 调试工具在这 2 个配置中均未显示任何 JS 错误。

Answer 1

尝试按名称更新所有字段，这很简单。

$('input:radio[name=Hea]').on('change', function () {
    f_GC();
});

可能有很多不同的方法可以做到这一点，但这个可行:)

希望这有帮助。