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

Question

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

Answer 1

你看看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>

Answer 2

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

Answer 3

这个主要用js来控制单选

Answer 4

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