检查按键复选框标签

Question

对角

<input type="checkbox" id="test"/> 
<label for="test">Testing</label> 

我想设置一个复选框选中当我按下一个标签上输入同时使用标签和我有以下的重点是在标签上

<input type="checkbox" id="test"/> 
<label for="test" ng-click="setCheckBox($event)">Testing</label> 

到目前为止，我试图用NG-点击，NG-的keydown，甚至的onclick并没有任何反应。我希望能用css来实现这一点。感谢

Answer 1

看看这两种形式

<label><input id="inputone" type="checkbox"/> Testing</label> 
 

 
<input type="checkbox" id="inputtwo"/> 
 
<label for="inputtwo">Testing 2</label>

Answer 2

$(document).ready(function(){ 
      $('#mycheckbox').keypress(function(event) { 
       var keycode = (event.keyCode ? event.keyCode : event.which); 

       if (keycode == 13) { 
        clickCheckBox(this); 
       } 
       event.stopPropagation(); 
      });    
     }); 

     function clickCheckBox(box){ 

       var $box = $(box); 
        $box.prop('checked',!$box.prop('checked')); 

     } 

HTML

<input type='checkbox' id='mycheckbox'>dev</input> 

http://jsfiddle.net/c2S5d/23/