Question

我正在创建一个弹出的进度条，并在您填写输入时向您显示持续进度，并且除了单选按钮外，它适用于所有输入类型。这是因为每个输入都需要一个“必需”标签才能注册为进度，但这意味着我必须为每个无线电选项添加一个必需的标签，所以不要通过选择其中一个无线电答案来显示您回答的问题，你必须点击所有的单选按钮。我尝试将“required”标签应用于容纳两个单选按钮的容器，但它不起作用。

这是我的codepen，所以你可以看到我正在使用的确切内容。

http://codepen.io/er40/pen/ugdqa

感谢您的帮助！

Answer 1

有一个更复杂的工作需要根据所选的无线电改变值所需的隐藏输入，但我认为你在做什么，从概念上讲，在那里有一个复选框，值为“是”更有意义“因为你想确保用户在继续之前选择”是“。

现在有两个单选按钮，我可以同时选择但仍然有进展，这没有多大意义。

编辑：复杂的解决方法

向广播组添加隐藏的必需输入：

<input type="radio" name="radio" value="yes">YES
<input type="radio" name="radio" value="no">NO
<input type="hidden" class="radio_selected" required="required" />

并在你的javascript中，根据这一点给出隐藏的输入值：

$('input[type="radio"]').click(function() {
  var radio_selected = $(this).next('.radio_selected');
  if (radio_selected.val() !== 'true') {
    radio_selected.val("true");
  }
});

然后修改您的插件以检测该更改。

这才真正起作用，因为无法取消选择无线电。

带有单选按钮的jQuery进度条

1 个答案: