チェックボックスをオンにしてEnterキーを押したときにフォームが送信されない

Question

フォームにテキストボックスとチェックボックスがあります。

テキストボックスで何かを変更して入力をクリックすると、フォームが送信されます。チェックボックスを変更してEnterをクリックすると、フォームは送信されません。

this.content.find('.form').on('keypress', function (self) { 
    alert(window.event.keyCode); 
    if(self.keyCode==13) { 
     alert("Boom Boom"); 
    } 
}); 

しかし、これは、このように、

Answer 1

があなたの "自己" イベントを使用して動作していない：

$('.form').on('keypress', function (self) { 
 
    if(self.keyCode==13) { 
 
    alert("Boom Boom"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form class="form"><input type="text"></form>

Answer 2

$(document).keypress(function(e) { 
 
    if (e.keyCode == 13) { 
 
     alert('clicked'); 
 
     // $('form').submit(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type='text' /> <br/> 
 
    <input type='checkbox'> 
 
    
 
<form>