檢查按鍵複選框標籤

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/