Menu 选择div时是否更改其背景色？

在这种情况下，DIV将充当类别按钮，用户将能够一次选择多个类别，当他们选择一个类别时，背景颜色将改变，以便用户知道当前选择的类别

所以，DIV在不活动时是透明的，当用户按下其中一些按钮时，它们会变成一些颜色，告诉访问者它们当前处于活动状态

我很抱歉，如果我在解释上很愚蠢，希望你们能帮我一些忙

$function{ $'.cat'。单击函数{ $this.addClass'selected'； }; }; 猫先生{ 宽度：200px； 高度：200px； 显示：内联块； 背景色：A3A3； 右边距：20px； 边缘底部：20px； 文本对齐：居中； 颜色：fff； 字体大小：20px； 线高：200px； 光标：指针； } .选定{ 不透明度：0.5； } 第一类 第2类

---

第三类对你来说应该很容易！不需要使用任何javascript

CSS

HTML

---

你在用代码吗？举个例子或者你已经做过的事情会有所帮助。否则你猜你试过什么吗？允许使用javascript吗？我想你可以参考这个链接来解决你的问题@NoLiver92-好吧，我想使用jQuery，如果这是你的意思的话？这是一个想法：是的，像这样，除了我希望被选中的类被删除，如果用户再次点击它。然后替换$This.addClass'selected'；使用$this.toggleClass'selected'；

<style type="text/css">
     label.category > input{
      visibility: hidden;
      position: absolute;
    }
    label.category > input + div{
    width:50px;
    height:50px;
    cursor:pointer;
    float:left;
    background-color:transparent;
    border:#999 solid 1px;
    margin-left:10px;
    }
    label.category > input:checked + div{
      background-color: #FCF;
    }
</style>

<form method="post" action="">
<label class="category">
          <input type="checkbox" name="category" value="item1"/>
          <div>
          Item 1
          </div>
        </label>
        <label class="category">
          <input type="checkbox" name="category" value="item2"/>
          <div>
          Item 2
          </div>
        </label>
        <label class="category">
          <input type="checkbox" name="category" value="item3"/>
          <div>
          Item 3
          </div>
        </label>
</form>