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-click，ng-keydown甚至onclick，没有任何反应。我希望用css实现这一目标。感谢

Answer 1

 $(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/

Answer 2

看看这两种形式

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

选中标签上按键的复选框

2 个答案: