如果选中复选框,请按 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
事件,它永远不会在复选框上起作用,可能与复选框一起使用的事件是click
和change' event, and you were checking
keypress` 事件来控制enter
按钮操作。以上是关于如果选中复选框,请按 Enter 触发按钮单击的主要内容,如果未能解决你的问题,请参考以下文章
即使通过Javascript代码检查,如何触发复选框单击事件?