如果选中复选框，请按 Enter 触发按钮单击

Posted 2023-05-09

【中文标题】如果选中复选框，请按 Enter 触发按钮单击

【英文标题】：if checkbox is checked press enter to trigger button click

【发布时间】：2019-04-01 16:41:15

【问题描述】：

我有一个表格，一次显示 1 个问题，我必须单击下一步才能转到下一个问题。用户必须选择一个选项才能转到其他问题。我想做的是，如果用户从复选框中选择一个选项并按下回车键，它将触发下一个按钮并移至其他问题。我做不到。我的代码有什么问题？ jquery 代码..

$('input[name="trading_for_at_least_6_months"]:checked').keypress(function (event) 
if (event.keyCode === 13) 
    $(".comnext1").click();
);

我正在尝试编写代码，以查看是否通过检查输入名称来检查任何选项，如果是，则在按下回车键时触发下一个按钮。我还有其他下一步按钮，所以我也不想触发它们。

【问题讨论】：

你有没有在输入按键事件$(".comnext1").trigger('click');

上尝试过这样的事情

为什么模拟点击.comnext1而不是直接调用点击按钮时触发的函数？

我在文本输入字段的情况下使用了相同类型的代码。没有想到其他方式。我对自己做错了什么以及为什么我的代码不起作用感到困惑

【参考方案1】：

你可以像这样使用它：

<script>
$(document).ready(function() 
   $(document).on('keypress', function(event) 
    if($('input[name="trading_for_at_least_6_months"]').is(':checked')) 
        if (event.keyCode === 13) 
            alert(1);
            $('.comnext1').trigger('click');
            return false;
        
    
   );
);
</script>

删除上面代码中的警报，用于测试事件正在提交并且按钮被点击。

【讨论】：

我的代码出了什么问题。如果你请告诉他们我的代码中到底发生了什么，它没有工作。

问题是keypress 事件，它永远不会在复选框上起作用，可能与复选框一起使用的事件是click 和change' event, and you were checking keypress` 事件来控制enter 按钮操作。