Question

我正在使用bootstrap 2，我想在这样的复选框标签内下拉。

<label class="checkbox">
    <input type="checkbox">
    i want to buy
    <select class="which">
        <option>1</option>
        <option>2</option>
    </select>
    something
</label>

我想要点击'某事'更改状态的复选框。它在Chrome中很酷，但在firefox中下拉不起作用，点击它会改变复选框的状态。我使用停止传播方法，但没有帮助。这种使用下拉和复选框的方式是真的吗？感谢

Answer 1

这是非法标记。试试validate上面的代码。它将报告＆＃34; 标签元素最多可包含一个输入，按钮，选择，textarea或keygen后代。＆＃34;

你有两个输入。似乎FireFox将这个＆＃34;更正＆＃34;，选择框作为标签的一部分，在点击时触发其父标签。

我建议您使用两个标签进行有效标记：

<label class="checkbox">
    <input type="checkbox" id="check">
    i want to buy
</label>
<select class="which">
   <option>1</option>
   <option>2</option>
</select>
<label for="check">
    something
</label>

看小提琴 - ＆gt; http://jsfiddle.net/AbaZH/ 适用于FireFox（也是）

Answer 2

我使用了这个解决方案：

<input type="checkbox" id="buyCheckbox">
<label class="checkbox" for="buyCheckbox">
     i want to buy
</label>
<select class="which">
    <option>1</option>
    <option>2</option>
</select>
<label class="checkbox" for="buyCheckbox">
     something
</label>

放下复选框引导程序

2 个答案: