Проблема дизайна формы с флажком, ограничивающим отмеченную область

Question

Я пытаюсь создать простую форму, имея флажок, код, который я использую

 <label>
    <span>Questions:
       <div class="childWindow">  
         <input class="checkedInput" id="defAsked" name="defAsked" type="checkbox" checked/>
    </span> 
 </label>
    <span>Send frequently asked questions</span>
       </div>                 

 <label>      
  <textarea rows="3" cols="50" placeholder="Please ask if you have any questions" name="questions" id="questions" ></textarea>
</label> 

Я хотел бы ограничить эффективную отмеченную область флажка, чтобы ограничить ее только полем, в настоящее время, если я нажимаю на text:Send frequently asked questions, флажок становится переключенным. Я собираюсь дать ссылку на этот текст, поэтому не хотел бы, чтобы он переключался при нажатии на ссылку

заранее спасибо за помощь

Answer 1

Тег label используется для привязки других элементов к элементу формы. Удалите текст из тега метки, чтобы он не вызывал проверку флажка.

<label>
    <input type="checkbox" checked/>
    <span>This will trigger checkboxage</span>
</label>
<span>This won't trigger checkboxage</span>

увидеть эту скрипку: http://jsfiddle.net/casTu/