给一组标签设置状态

       阅读(555)  2017-01-10 07:52:24

如下一组标签,当鼠标点击后设置active状态,再次点击取消active状态

      <div class="field required">
        <label class="required">标签</label>
        <a class="ui teal tag label">Windows</a>
        <a class="ui red tag label">Linux</a>
        <a class="ui blue tag label">Mobile</a>
        <a class="ui yellow tag label">C/C++</a>
        <a class="ui green tag label">Qt</a>
        <a class="ui purple tag label">Node.js</a>
        <a class="ui black tag label">Web</a>
      </div>

  $(".tag.label").on("click", function() {
    if ($(this).hasClass('active')) {
      $(this).removeClass('active');
    } else {
      $(this).addClass('active');
    }
  });

文章评论

Keep it simple,stupid
文章数
284
总访问量
263211
今日访问
124
最近评论

ningto : 请到next.ningto.com里发表评论。
tujiaw : 抱歉csdn code服务关闭了,这个代码我也找不到了
于淞 : 你好,这个文章的源码能分享一下吗,songsong9181@163.com,谢谢了 上面的写错了
于淞 : 你好,这个文章的源码能分享一下吗,838106303@163.com,谢谢了 上面的链接不能用了
tujiaw : 多谢多谢
essaypinglun college-paper.org : 很好的博客,赞赞
Folly : 这个实现有点奇怪,Qt为什么没有统一的比对方法。
过多s : alert("hello, world!")
tujiaw : 还不错哦
回到顶部