Javascript 使用清除功能重新启用收音机输入

我尝试了很多不同的方法，包括典型的表单重置和我在网上发现的jQuery示例

截图：

目标是：

我有一个可分级列表，其中用户需要根据项目的重要性将项目从1到6进行分级。如果他们为某一行选择2，我们不想让他们为另一行选择2。下面是实现这一点的jQuery：

// Disable sibling radio buttons in form once an item is selected
$("input:radio").click(function() {
    var val = $(this).val();
    $(this).siblings("input:radio").attr("disabled","disabled");
    $("input:radio[value='" + val + "']").not(this).attr("disabled","disabled");
});

问题是：

这段代码似乎正在运行，但有一些奇怪之处

代码正确地禁用了同级行，但是如果用户想要更改，它们就会被卡住。他们可以在一行上单击2，然后在同一行上单击3，但这会使所有其他2和3选项完全禁用。 用户需要一种通过重新开始或重置按钮完全清除表单的方法，这显然需要一些特殊的jQuery魔术，我还没有弄明白。 我在另一篇文章中引用了代码，但在我的网站上似乎只完成了一半。我注意到，在那个fiddle链接上，如果单击1，它也会禁用同一行上的2和3，这在我的本地开发尝试中不会发生。但是，如果要单击2，它会永久禁用其他行中的2…因此我不确定为什么它在示例中有效，但在上面的代码中无效。

---

一定有更简单的方法来解决这个问题，但我在这里没有看到。我非常感谢您提供的相关帮助或代码示例。

从用户的角度来看，禁用这些单选按钮可能会非常烦人，因为它会迫使用户在选择其他按钮时使用两次单击而不是一次单击

更好的选择是向用户建议错误，然后在提交时强制执行。例如，您可以将带有无效选项的行设为红色，然后允许用户发现错误并自行修复

更好的方法是使用jQuery创建可排序列表

---

-Sunjay03

您可以采用以下两种方法之一，而不是直接禁用无效的无线电选项：

当用户单击某个选项时，请动态验证该选项，即当您单击另一个3时，3尚未被选中。如果无效，则向用户显示一个弹出窗口并将其清除。 当用户点击一个选项时，比如说3，然后清除所有其他3个选项，这样一次只有一个选项被评为该金额。

---

下面是一个示例代码，它将使用方法2，每当单击一个选项时清除所有相同的值选项：

你能发布html结构吗？是的，我也有关于可排序列表的想法，但是，在我加入之前，这个网站的过程是客户预先考虑好的。我会试着试一试，看看他们是怎么想的。两种选择都是很好的建议！我现在正在考虑所有的选择，但这感觉像是一个非常有用的想法。