单击其他按钮选中复选框

Question

我正在尝试通过单击旁边的按钮来检查复选框。

<p class="label">NSFW?: </p><br />
<p>
    <input id="cb" type="checkbox" name="nsfw" /> 
    <span id="nsfwbtn" class="btn btn-danger" rel="tooltip" title="Not Safe For Work (18+)" > 
        This image is not safe for work. 
    </span>
</p>

JSFiddle：http://jsfiddle.net/PGCYX/

Answer 1

这是<label />的发明，你根本不需要JS。

<p>
  <input id="cb" type="checkbox" name="nsfw" /> 
  <label for="cb" id="nsfwbtn" class="btn btn-danger" rel="tooltip" title="Not Safe For Work      (18+)" > 
    This image is not safe for work. 
  </label>
</p>

http://jsfiddle.net/PGCYX/1/

Answer 2

您需要使用一些JavaScript / jQuery为图像创建OnClick事件，当您单击图像/按钮时，您需要将复选框的值/检查状态设置为“true”

Answer 3

我认为这可能有所帮助。

$('#nsfwbtn').click(function(){
     if(!$('#cb').is(":checked")){
         $('#cb').prop("checked",true);
     }
     else{
         $('#cb').prop("checked",false);
     }
});