Как сделать разветвление опроса на jQuery?

Question

[webov_web]

Добрый вечер!

Есть опрос вот из этого моего вопроса https://toster.ru/q/490048

Как сделать, чтобы при выборе одного варианта ответа открывалась своя ветка с опросами. То есть, как сделать разветвлённый опрос по типу "если, то".

Думал, что можно получить состояние checkbox с помощью .prop('checked') == 'checked'), но что-то у меня не получается.

Код опроса:

$('.quiz-1 .quiz-next').on('click', function(){     
		if($("#check1").prop('checked') == 'checked') { 
			$('.quiz-4 .quiz-next').click(function(){
			$('.quiz-4').fadeOut({duration:100}).addClass('hide');
			$('.quiz-5').fadeIn({duration:100}).removeClass('hide');
			$('.quiz-5').addClass('show-block');
			})
		} else {
			$('.quiz-4 .quiz-next').click(function(){
			$('.quiz-4').fadeOut({duration:100}).addClass('hide');
			$('.quiz-015').fadeIn({duration:100}).removeClass('hide');
			$('.quiz-015').addClass('show-block');
		})
		}
   	});

Answer 1

[Dark Hole]

Довольно мазохистичное решение, посоветую посмотреть в сторону фреймворков, VueJS, к примеру
В вашем случае, все просто - prop('checked') возвращает true/false
https://jsfiddle.net/DarkHole/zzfhkez4/

Comments

[webov_web]

Спасибо!
А как бы Вы посоветовали лучше реализовать подобный опрос?
С помощью вот такой структуры VueJS https://jsfiddle.net/yyx990803/3p0j5sgy/ ?

[Dark Hole]

webov_web, можно и что-то попроще, но суть такая же