Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单选类型切换按钮问题_Javascript_Jquery - Fatal编程技术网

Javascript 单选类型切换按钮问题

Javascript 单选类型切换按钮问题,javascript,jquery,Javascript,Jquery,我有三个自定义按钮,它们就像收音机一样工作。 我想在这里面增加一些额外的东西,但我不知道怎么做 目前有三个按钮(可以更多),我只能选择一个。如果我选择任何一种颜色的按钮将改变,并将显示为它是活跃的。我想,如果我再次点击这个按钮,这将取消选择 它应该保持作为一个电台类型,但除此之外,我想上述要求 这是我的 JS $('.toggleButtonRadio').click(function(){ $('.toggleButtonRadio').removeClass("active"

我有三个自定义按钮,它们就像收音机一样工作。 我想在这里面增加一些额外的东西,但我不知道怎么做

目前有三个按钮(可以更多),我只能选择一个。如果我选择任何一种颜色的按钮将改变,并将显示为它是活跃的。我想,如果我再次点击这个按钮,这将取消选择

它应该保持作为一个电台类型,但除此之外,我想上述要求

这是我的

JS

    $('.toggleButtonRadio').click(function(){
    $('.toggleButtonRadio').removeClass("active");
    $(this).toggleClass("active");
});

问题是您在切换之前删除了
活动的
类,因此它不会删除它,您可以将代码更改为:

$('.toggleButtonRadio').click(function(){
    $(this).toggleClass("active");
    $('.toggleButtonRadio').not(this).removeClass("active");
});

问题在于,您在切换之前删除了
活动的
类,因此它不会删除它,您可以将代码更改为:

$('.toggleButtonRadio').click(function(){
    $(this).toggleClass("active");
    $('.toggleButtonRadio').not(this).removeClass("active");
});

谢谢!我想我遇到了一些逻辑问题:)谢谢!我想我遇到了一些逻辑问题:)