0

以下のコードのチェックボックスをオンにできません。<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>
4

2 に答える 2

1

問題を再現できません。チェックボックスを問題なくチェックできます：http://jsfiddle.net/4ugPj/

オレンジ色の領域をクリックしてチェックボックスをオンにする場合は、DIV ではなく LABEL 要素にします: http://jsfiddle.net/4ugPj/1/

于 2012-04-12T06:36:24.097 に答える
1

要素はユーザーにとって特別なものとしてレンダリングされないため、ラベルを使用します。ただし、ユーザーが要素内のテキストをクリックすると、コントロールが切り替わるため、マウス ユーザーの使いやすさが向上します。

タグの 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>
于 2012-04-12T10:16:28.457 に答える