сделать переключатель только с кнопочным переключателем

Question

Argh! Я не могу понять это правильно. На викторине, которую я размещаю, я пытаюсь сделать так, чтобы только кнопка переключалась. В настоящее время он можно щелкнуть на переключателе и/или тексте. Как я могу сделать так, чтобы только радио было доступно?

У меня есть несколько кодов ниже, которые я действительно не понимаю, я включу их, хотя я уверен, что они оба не нужны, но я не знаю, какой из них должен произойти. Помощь приветствуется!

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

slickQuiz.js

slickQuiz-config.js

Answer 1

В вашем slickQuiz.js JavaScript, найти номер строки 129 и удалить атрибут for на этикетке:

Эта линия:

var optionLabel = '<label for="' + optionId + '">' + answer.option + '</label>'; 

Изменение к:

var optionLabel = '<label>' + answer.option + '</label>'; 

for атрибут ярлыки заставляют их ассоциироваться с input, который указан в for. Это, в свою очередь, позволит щелкнуть метки, чтобы сфокусировать связанные input.

Answer 2

сделать e.stopPropagation() в текстовом клике?

$('input[type='radio']').next().click(function(e) { e.stopPropagation(); }); 

Edit - только что проверил код - попробуйте удалить «для» в '<label for="' + optionId + '">' Это по сути означает, что событие щелчка для текста переплетено на соответствующую кнопку. Вы также можете использовать мой код, чтобы отключить событие click для текста. Я использую next(), предполагая, что метка помещается после элемента ввода. Модифицируйте его в соответствии с местом размещения.