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

Posted

技术标签:

【中文标题】如果选中复选框,请按 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 事件,它永远不会在复选框上起作用,可能与复选框一起使用的事件是clickchange' event, and you were checking keypress` 事件来控制enter 按钮操作。

以上是关于如果选中复选框,请按 Enter 触发按钮单击的主要内容,如果未能解决你的问题,请参考以下文章

即使通过Javascript代码检查,如何触发复选框单击事件?

检查复选框是不是被选中而不单击它

如果复选框选中禁用其他,如果未选中启用所有 JavaScript?

如何检查单击时是不是选中了复选框?

单击模态对话框按钮后如何取消选中该复选框?

取消选中复选框时从收音机中删除“选中”