Передача имени класса с помощью переменной

Question

Я пытался найти это, но не нашел работоспособного решения, я новичок ie в Jquery, я создавал тест с несколькими вариантами ответов и хочу отключить переключатель для одного вопроса, как только пользователь выберет один ответ для этого я даю одно и то же имя класса каждому входу, и когда я использую имя класса в приведенном ниже коде, я получаю желаемый результат. если имя класса q1.

$(document).ready(function(){
           $(".q1 :input").prop("disabled", true);
          });

Я хочу сделать это для нескольких вопросов, поэтому, когда я пытаюсь передать имя класса через переменную.

var val1 = $("input[type='radio']:checked").attr('class');

Я получаю имя класса в переменной val1, но не уверен, как использовать его в jquery для работы вышеуказанного кода. Может кто-нибудь, пожалуйста, помогите мне. Я попробовал много решений на net, но ничего не помогло.

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