使单选按钮仅可单击

Question

哎呀！我无法做到这一点。在我正在主持的测验中，我正在努力使它只有点击单选按钮。目前，它可以单击单选按钮和/或文本。我该怎么做才能点击收音机？

我有几个代码，我真的不明白，我会把它们都包括在内，虽然我确定它们不是必需品，但我不知道哪一个是要实现它。感谢帮助！

我不能发布代码，如果没有它阻止我说它没有正确格式化或什么东西所以这里是我正在使用的两个文件的链接：

slickQuiz.js

slickQuiz-config.js

Answer 1

在您的slickQuiz.js javascript中，找到行号129并删除标签上的for属性：

这一行：

var optionLabel = '<label for="' + optionId + '">' + answer.option + '</label>';

更改为：

var optionLabel = '<label>' + answer.option + '</label>';

标签上的for属性会使它们与input中指定的for相关联。这样就可以点击标签，以便关注相关的input。

Answer 2

在文字点击上执行e.stopPropagation()？

$('input[type='radio']').next().click(function(e) { e.stopPropagation(); });

修改 - 只需检查您的代码 - 尝试删除'<label for="' + optionId + '">'中的“for” 这实质上意味着文本的点击事件被绑定到相应的单选按钮。 您还可以使用上面的代码禁用文本的单击事件。我正在使用next（）假设标签放在input元素之后。根据展示位置对其进行修改。