javascript - 如何防止用户为每种情况选择单选按钮？

Question

我有一个表单，其中包含 2 个带有单选按钮的测验问题。

例如:

问题一:美国的首都是哪里？ 1) 纽约 2)直流 3) 洛杉矶 4)顺丰

问题二:美国现任总统是谁？ 1) 布什 2) 克林顿 3)华盛顿 4) 奥巴马

我启用了一个 javascript 来防止用户在选择答案后更改他们的选择。例如，如果我为问题 1 选择 LA，它会被锁定，我无法更改为 SF。

问题是 javascript 导致问题 2 出现相同的行为，因此我无法选择问题 2 中的任何答案。

这是我正在使用的脚本:

      // prevent the user from making another selection once one radio option has been selected
    $('input[type=radio]').click(function(){ $('input[type=radio]').prop('disabled',true); });

关于如何将此脚本设置为适用于每个问题而不适用于未回答问题的所有单选按钮的任何想法？

Answer 1

从当前被点击的 radio 中获取名称值，然后禁用该特定组:

$('input[type=radio]').click(function() { 
    var name = $(this).attr("name");
    $("input[name=" + name + "]").prop("disabled", true);
});