php - 无法选中 a 中的复选框但在外面工作得很好

Question

我无法选中以下代码中的复选框。如果<input type="checkbox..放在外面<div>它工作正常而不是里面<div>

知道为什么。

<div id="SEL">

  <div style="position:relative; width:100%; height:30px; background-color:#FF5300; bottom:1px;">

     <input type="checkbox" name="test" value="test" style="position:relative; top:5px; left:10px;">

  </div>

</div>  

Answer 1

我无法重现您的问题。我可以检查复选框就好了：http: //jsfiddle.net/4ugPj/

如果您想通过单击橙色区域来选中复选框，请将其设为 LABEL 元素而不是 DIV：http: //jsfiddle.net/4ugPj/1/

Answer 2

使用标签，因为，该元素不会呈现为任何特殊的用户。但是，它为鼠标用户提供了可用性改进，因为如果用户单击元素内的文本，它会切换控件。

标签的 for 属性应该等于相关元素的 id 属性才能将它们绑定在一起。

        for example

         <div id="SEL">
         <label style="display:block; position:relative; width:100%; height:30px; background-color:#FF5300; bottom:1px;" for="check">
         <input type="checkbox" name="test" value="test" style="position:relative; top:5px; left:10px;" id="check">
         </label>
         </div>