Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选中标签上按键的复选框_Javascript_Css - Fatal编程技术网

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>