Jquery 选中单选按钮时突出显示按钮

我试图在选中三个单选按钮中的一个后突出显示“保存”按钮

然后，一旦用户单击“保存”按钮，它将丢失高亮显示类并恢复正常，用户也可以单击“取消”按钮，保存按钮将丢失高亮显示效果

 $('label').click(function() {
   $('.greyBtn').addClass('glow');
   if ($('.greyBtn').data('clicked', true)) {
     $('greyBtn').removeClass('glow');
   } else if ($('.cancel').data('clicked', true)) {
     $('greyBtn').remove.Class('glow');
   }
 });

现在它只在单选按钮检查时突出显示save按钮，当我单击按钮时，它不会再次丢失类

---

您在

if

语句中使用的是

data（）的setter，而不是getter。
代码中还存在一些语法问题

要更有效地执行此操作，您可以挂接收音机的
更改
事件，并使用
切换类（）
，如下所示：


$（'input[type=radio]'）。更改（函数（）{
$（'.greyBtn'）.toggleClass（'glow'，this.checked）；
});
@关键帧发光{
0% {
背景色：#B20000；
盒影：0 0 3px#B20000；
}
50% {
背景色：#FF0000；
盒影：0 20px#FF0000；
}
100% {
背景色：#B20000；
盒影：0 0 3px#B20000；
}
}
.发光{
动画：发光1500毫秒无限；
}

一个

两个
三
您在
if
语句中使用的是
data（）的setter，而不是getter。
代码中还存在一些语法问题

要更有效地执行此操作，您可以挂接收音机的
更改
事件，并使用
切换类（）
，如下所示：


$（'input[type=radio]'）。更改（函数（）{
$（'.greyBtn'）.toggleClass（'glow'，this.checked）；
});
@关键帧发光{
0% {
背景色：#B20000；
盒影：0 0 3px#B20000；
}
50% {
背景色：#FF0000；
盒影：0 20px#FF0000；
}
100% {
背景色：#B20000；
盒影：0 0 3px#B20000；
}
}
.发光{
动画：发光1500毫秒无限；
}

一个

两个
三
为什么不为“$（“标签”）外的按钮创建“单击”事件。单击“事件”

为什么不为“$（'label'）外的按钮创建“单击”事件。单击“事件”

您可以使用单击功能来执行此操作。
这是我的

您可以使用单击功能来执行此操作。
这是我的

很高兴帮助你。
 $('.greyBtn').click(function() {
      $('greyBtn').removeClass('glow'); 
 });

$('label').click(function() {
   $('.greyBtn').addClass('glow');
 });
   $('.greyBtn').click(function() {
   $(this).removeClass('glow');
   });
  $('.cancel').click(function() {
   $('.greyBtn').removeClass('glow');
  });