标签: toggleclass

我知道这听起来像一个简单的问题,但由于某种原因,我现在无法弄明白.我的问题是这个,假设我的页面上有两个单选按钮:

<input type="radio" checked="checked" name=sport value="soccer" />
<input type="radio" name=sport value="basketball" />

我想要做的是,如果我点击一个单选按钮,我想为它添加一个类名,如果我点击另一个单选按钮,我想将相同的类添加到新单击的单选按钮和我想要删除我添加到上一个的类,依此类推....

有什么好主意吗？

如果我有两个 div 元素，用户可以在两个选项之间进行选择。

我想表明用户已单击它，因此当用户单击某个元素时，该类会添加一些样式。

现在我只掌握了基础知识。用户只能选择两个元素之一。因此，如果用户已经单击了一个元素，就会出现样式。如果用户决定单击另一个元素，则先前的单击将被删除，然后在新的单击上添加样式。

  $(".ind").on("click", ->
    $(this).toggleClass("selected")
  );

希望有人能指导一下，谢谢！

我知道关于这个主题已经有很多主题,但我还没有找到任何有用的内容.我有一个jquery代码来显示和隐藏div.

在Chrome中这很好用,在FireFox中则没有

我用chrome检查了我的控制台,说'event.returnValue已被弃用.请改用标准的event.preventDefault().

但是我没有event.returnValue.此建议也无效(event.preventDefault)

这是我的js:

<script>
$(document).ready(function(){
    $(".aanmelden_event").click(function(){
        event.preventDefault();
        $(".event_subscribe").toggleClass("uitgeklapt");
    });
});
</script>

这是我的css:

.event_subscribe{
    height: 0px;
    overflow:hidden;
    transition: all 2s;
    -webkit-transition: all 2s; /* Safari */
}

额外的课程:

.event_subscribe.uitgeklapt{
    height: 800px;

}

我认为这是我的jquery,event.preventDefault.我还试过e.preventdefault和其他主题的其他一些建议的解决方案.不幸的是,没有工作.

有人知道我在做错了吗？我用jquery-1.10.2.min.js btw.

谢谢

这很简单,但我无法让它工作!单击一个按钮,我想将该按钮中的图标从fa-download更改为fa-spinner,但是fa-spinner不会显示!

我的HTML是:

<button id='save'><i class='fa fa-download' aria-hidden='true'></i> save work</button>

我的jQuery是:

$('body').on('click', '#save', function(e){
   $('#save').find('i').toggleClass('fa-download fa-spinner');
   $("#save").text("loading...");
});

文本更改为加载,下载图标消失,但微调器图标永远不会显示!我错过了什么？!