如何在 jquery.steps.js 插件上使用键盘修复选择复选框答案

【问题标题】：How to fix select checkbox with keyboard on jquery.steps.js plugin如何在 jquery.steps.js 插件上使用键盘修复选择复选框
【发布时间】：2017-09-28 07:42:34
【问题描述】：

jQuery.steps.js 插件中存在可访问性问题。由于某种原因阻止我用空格键选择一个复选框，在官方网站上您可以在最后一步（第 4 步）中看到高级表单演示，他们有一个复选框，您可以看到无法选择它用键盘。

http://www.jquery-steps.com/examples#advanced-form

你遇到过这个问题吗？如何解决？

【问题讨论】：

这个插件已经有4年的历史了，如果你使用这个插件，我想你会遇到更多的问题。编辑：为什么不只使用验证插件并自己对步骤进行功能编程，不应该太难（如果验证良好，允许单击按钮）
这就是开源的力量，而不是自己做所有事情。您建议我执行哪些其他全新的插件来执行此步骤？你知道外面还有其他人吗？非常感谢

标签： javascript jquery

【解决方案1】：

我在 google 上搜索了 jquery 验证，您可以将其用于验证部分： https://github.com/jquery-validation/jquery-validation（最后一次提交是 12 天前）我从来没有使用过这个插件，但看起来还可以。如果您对它不完全满意，请随意挖掘更多并找到更好的插件。

“步骤”只是简单的 CSS，用于根据填写的元素显示/隐藏内容。您不需要任何插件，您可以使用基本 jQuery（或 CSS3）做一些过渡效果。重要的是验证步骤（使用上面提到的插件），如果验证为真，则启用下一步的按钮。

【讨论】：

谢谢@cloned，我使用这个插件的唯一原因是他们提供了开箱即用的可访问性支持。
但您的可访问性似乎有问题？默认浏览器元素可以开箱即用，您不需要任何插件。如果任何 javascript 修改了您的输入元素/复选框/任何内容，您唯一需要注意的是，您必须检查它们是否仍然可以访问。

【解决方案2】：

我遇到了同样的问题：步骤容器中没有选择复选框。

我的解决方案：我添加了这一行： enableKeyNavigation：假，（默认为真）表示：如果为真则启用键盘导航（向左箭头和向右箭头）。

在此更改之后，我可以使用空格键选择复选框。

【讨论】：

但是您失去了可访问性。使用该插件的主要思想是因为具有开箱即用的可访问性。显然，如果可访问性不是您关心的问题，那么您的修复非常棒，感谢分享。