Как я могу использовать значение одной переменной, когда я объявляю другую

Question

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

Вот мой код -

var selected = jQuery(this).val(); 

var vt = jQuery('.details-tcs').find('input:radio:checked').val();

Мне нужно использовать первую переменную 'selected' со значением 'AI' и добавьте его ко второму var 'vt', чтобы оно выглядело как -

var vt = jQuery('.details-tcs.AI').find('input:radio:checked').val();

Любая помощь действительно ценится.

Answer 1

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

document.querySelector("."+val) // val is null when page loads 

Присоедините прослушиватель событий, а затем используйте конкатенацию строк:

//var vt =""; //use global variables when using values outside of functions. Also Modify using functions
jQuery(".details-tcs input:radio").change(function(){
    var selected = jQuery(this).val();
    var vt = jQuery('.details-tcs').find('input:radio:checked').val();
    vt = jQuery('.details-tcs.'+vt).find('input:radio:checked').val(); // modify previous variable. Don't declare again
});

Answer 2

Вы можете сделать это так

var vt = jQuery(`.details-tcs.${selected}`).find('input:radio:checked').val();