【问题标题】:if checkbox is checked press enter to trigger button click如果选中复选框,请按 Enter 触发按钮单击
【发布时间】: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而不是直接调用点击按钮时触发的函数?
  • 我在文本输入字段的情况下使用了相同类型的代码。没有想到其他方式。我对自己做错了什么以及为什么我的代码不起作用感到困惑

标签: jquery forms button checkbox enter


【解决方案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 按钮操作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-13
  • 2022-01-01
  • 2015-05-26
  • 2021-09-14
相关资源
最近更新 更多