js实现选择标签,删除标签,去重校验

先看下实现效果:

原始页面如下:单击城市,则添加至上边标签,双击标签则从上边标签库删除

js实现选择标签,删除标签,去重校验_第1张图片

单击选择“北京”,“上海”,“杭州”,“南京”,则添加至标签库,重复选择北京,则弹框不再添加

 js实现选择标签,删除标签,去重校验_第2张图片 js实现选择标签,删除标签,去重校验_第3张图片

点击全部清除,则全部从标签库删除

js实现选择标签,删除标签,去重校验_第4张图片 

代码如下:

 




    
    
    标签事件测试


双击标签,单个删除

    单击下面的地点,添加标签

  • 北京
  • 上海
  • 杭州
  • 南京
  • 苏州
  • 武汉

 

你可能感兴趣的:(#,JS,JQUERY)