jQuery 为什么 on-change 功能对 2 个或更多 <radio> 不起作用？答案

【问题标题】：jQuery Why on-change function doesn't work for 2 or more <radio>s?jQuery 为什么 on-change 功能对 2 个或更多 <radio> 不起作用？
【发布时间】：2018-12-17 05:53:30
【问题描述】：

这是我编写的代码 - .on("change", function(){} 和 .click(function(){} 用于隐藏和显示某些对象的按钮。

但如果我尝试不止一个<radio>，它根本不起作用。

有人知道为什么吗？

代码：

$('#radioid1').on("change", function(){
$("#button1").click(function(){
    $("#object1").hide();
    $("#object2").show();
    $("#button1").hide();
});

$('#radioid2').on("change", function(){
$("#button1").click(function(){
    $("#object1").hide();
    $("#object3").show();
    $("#button1").hide();
});

【问题讨论】：

不幸的是它也不起作用:(

标签： jquery html twitter-bootstrap checkbox radio-button

【解决方案1】：

.on() 方法将事件处理程序附加到 jQuery 对象中当前选定的元素集，我将事件单击更改为 .on() 以将事件绑定到元素

$('#radioid1').on("change", function(){
    $("#button1").on('click', function(){
       $("#object1").hide();
       $("#object2").show();
       $("#button1").hide();
  });
});
$('#radioid2').on("change", function(){
    $("#button1").on('click',function(){
        $("#object1").hide();
        $("#object3").show();
        $("#button1").hide();
    });
 });

【讨论】：