Флажки: если один из них установлен, снимите флажки со всех остальных того же класса. ⇐ Jquery

[Anonymous]

У меня есть много флажков, каждый из которых имеет одинаковые идентификаторы и классы.
Сами входные данные имеют класс 'el-checkbox__original'.















1.1ml

£0.00

















1.1ml

£0.00

















1.1ml

£0.00







Если этот флажок установлен, класс is-checked добавляется как к тегу span, так и к тегу метки.











1.1ml

£0.00







Как я могу сделать так, чтобы при нажатии одного флажка (el-checkbox__original) любой из других флажков снимался, в конечном итоге, чтобы можно было установить только один флажок.
p>
Я пробовал использовать JQuery, но, очевидно, он не удаляет флажок «проверено» ни с одного из других флажков при нажатии на один из них.
jQuery.noConflict();
setTimeout(function(){
jQuery(document).ready(function($) {
console.log("page loaded")

$(".bpa-front-si-card").on('click', function(){
console.log("service clicked")
});


$(".el-checkbox__original").on('click', function(){
$('input.el-checkbox__original').not(this).prop('checked', false).closest("label").removeClass('is-checked').closest("span").removeClass('is-checked');
})

})}, 6000);


Подробнее здесь: https://stackoverflow.com/questions/785 ... same-class