Javascript 选中标签上按键的复选框
我有以下几点Javascript 选中标签上按键的复选框,javascript,css,Javascript,Css,我有以下几点 <input type="checkbox" id="test"/> <label for="test">Testing</label> 测试 在使用选项卡时,我试图在标签上按enter时选中复选框,焦点在标签上 <input type="checkbox" id="test"/> <label for="test" ng-click="setCheckBox($event)">Testing</label&g
<input type="checkbox" id="test"/>
<label for="test">Testing</label>
测试
在使用选项卡时,我试图在标签上按enter时选中复选框,焦点在标签上
<input type="checkbox" id="test"/>
<label for="test" ng-click="setCheckBox($event)">Testing</label>
测试
到目前为止,我尝试使用ng click、ng keydown甚至onclick,但什么都没有发生。我希望通过css就可以实现这一点。谢谢你看这两种形式
测试
测试2
HTML
dev
谢谢@angelo,但我在发帖之前已经试过了。
$(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'));
}
<input type='checkbox' id='mycheckbox'>dev</input>