只能单选按钮

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属性上标签导致它们与在0中指定的input关联。这将反过来允许点击标签以聚焦关联的input。

Answer 2

做一个e.stopPropagation()文字点击？

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

编辑 - 只是检查你的代码 - 尝试删除“的”在'<label for="' + optionId + '">' 这实际上意味着文本的单击事件被绑定到相应的单选按钮。 您也可以使用我上面的代码来禁用文本的点击事件。我使用next（），假设标签放在input元素后面。根据展示位置进行调整。