使用变量传递类名

Question

我尝试搜索这个，但没有得到可行的解决方案，我是 Jquery 的新手，我正在创建多项选择测验，一旦用户选择一个答案，我就禁用一个问题的单选按钮，我给出相同的类名对于每个输入，当我在下面的代码中使用类名时，我得到了想要的结果。如果类名为 q1。$(document).ready(function(){            $(".q1 :input").prop("disabled", true);           });我想对多个问题执行此操作，因此当我尝试通过变量传递类名时。var val1 = $("input[type='radio']:checked").attr('class');我在变量 val1 中获取了类的名称，但不确定如何在 jquery 中使用它来使上述代码正常工作。有人可以帮助我吗？我在网上尝试了很多解决方案，但没有任何效果。

Answer 1

如果你想禁用所有带有类名的输入元素，val1你可以这样做：

$("." + val1).prop("disabled", true);

例子：

$(document).ready(function() {

  $("input").on("click", function() {

    var val1 = $(this).attr('class');

    $("." + val1).prop("disabled", true);

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="radio" class="q1"/>Answer 1

<input type="radio" class="q1"/>Answer 2

<input type="radio" class="q1"/>Answer 3<br>

<input type="radio" class="r1"/>Answer 1

<input type="radio" class="r1"/>Answer 2

<input type="radio" class="r1"/>Answer 3