首页 > 电商网站开发 产品属性选择怎么弄的

电商网站开发 产品属性选择怎么弄的


html 代码怎么写的 如何实现单选


比如点击其中一个元素后会有效果,就相当于给它加上一个active的类,然后移除其他的active类,就是让其他的没有效果,这样来模拟单选,假设你要点击的元素是li,用jQuery的话你可以这么写。
$("li").click(function(){
$(this).addClass("active").siblings("li").removeClass("active");});


this.click的元素给予一个class(active,border和color改变)其余元素依旧保持原有样式


你看看bootstrap的按钮组就有这个效果

<div class="btn-group" role="group" aria-label="...">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>

这个主要用js来控制单选

【热门文章】
【热门文章】