jQuery为什么on-change函数不能用于2个或多个<radio>?

时间:2018-07-09 13:58:26

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

这是我编写的代码-.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();
});

1 个答案:

答案 0 :(得分:0)

.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();
    });
 });