Question

我正在尝试创建产品页面。我希望当有人点击“购买”时，应该打开一个弹出菜单。我正在尝试使用Checkbox hack来完成这项工作。但是，我无法这样做。购买按钮成功切换复选框，但输入[type = checkbox]：选中不起作用。请帮忙。我的代码如下：

我希望隐藏部分尺寸菜单，并在点击购买按钮时显示。如果我的问题不是很明确，我道歉。提前谢谢。

预览：http://codepen.io/anon/pen/mDqpw

更新：将代码量减少到最低限度。

Answer 1

您是在复选框本身（表单元素）还是标签上设置该样式？

http://jsfiddle.net/tt66d/2/

input[type="checkbox"]:checked + label {
    color: blue;
    font-weight: bold;    
}

<input type="checkbox" id="o1" name="products" value="option1">
<label for="o1">Option 1</label>

<input type="checkbox" id="o2" name="products" value="option2">
<label for="o2">Option 2</label>

无法获得输入：已检查功能

1 个答案: