在不使用鼠标的情况下检查和取消选中控件，因为当我们按Enter键时，按钮控件被触发

Question

Currently i have a html design wherein which there is a textbox and a button..after typing the id on pressing enter the page will get redirect,but at the same time there is also a checkbox control.

My question is :

Is there any option to check and uncheck the control without using the mouse,as when we hit enter key the button control gets triggered

For more idea ,i have given a signin window of gmail which contains a textbox and checkbox

Answer 1

This will click the button regardless of where the "Enter" happens on the page:

$(document).keypress(function(e){
    if (e.which == 13){
        $("#Your_Submit_Button_ID").click();
    }
});

Answer 2

hitting enter key will trigger the submit button of the form you are currenlty focused in to. Pressing tab will transfer the focus from one field to another but the enter key will always trigger the submit button of the form.

But you can trap the keypress when hitting enter and perform the check/uncheck instead of the default trigger.

$("form").keypress(function (e) {
    if(e.keyCode === 13) {
        e.preventDefault();
        // code that check/uncheck your checkbox
    }
})