jQuery:IF语句中的addClass不切换

时间:2019-04-14 23:14:45

标签: javascript jquery html

当用户选择单选按钮“删除”时,我想将类“禁用”添加到带有标题的“ a”标签中,此刻在下面的小提琴中将禁用添加到“ a”标签中,如下所示:加载后尽快。

我将代码添加到了脚本中,该脚本在选择了remove时会隐藏div,但这只是一个“ if”语句,我不理解如果不使用“ else”,它将如何切换显示/隐藏。

任何帮助将不胜感激。

$('.newsBtns input[type="radio"]').click(function(e) {
  var tab_id = $(this).attr('data-tab');
  $('ul.tabsCon08 li').removeClass('current');
  $('.eaCon08').removeClass('current');
  $(this).addClass('current');
  $("#" + tab_id).addClass('current');
});
if ($("input[name=news]:checked").val("close")) {
  $("#newsMainCont").hide();
  $("#newsMainCont").show();
  $(".mainCon").find(".news-link").addClass('disable');
}


$('.eventBtns input[type="radio"]').click(function(e) {
  var tab_id = $(this).attr('data-tab');
  $('ul.tabsCon09 li').removeClass('current');
  $('.eaCon09').removeClass('current');
  $(this).addClass('current');
  $("#" + tab_id).addClass('current');
});
if ($("input[name=event]:checked").val("close")) {
  $("#eventMainCont").hide();
  $("#eventMainCont").show();
  $(".mainCon").find('.event-link').addClass('disable');
}

FIDDLE HERE

1 个答案:

答案 0 :(得分:1)

首先-正如Pointy所说-您的if语句在click之外,并且仅运行一次。其次是你的声明

if ($("input[name=event]:checked").val("close")) 

最好是

if ($("input[name=event]:checked").val() === "close")

这样您就可以发表其他声明

https://drive.google.com/open?id=1GaSMmfjAAExBy4RBevuuiQKenfWZZ9iM

如果您编写类似的语句

if ($("input[name=event]:checked").val("close")) 

这将始终是正确的,因为通过编写

$("input[name=event]:checked").val("close")

您正在为每个选中的单选按钮分配“关闭”值