У меня есть много флажков, каждый из которых имеет одинаковые идентификаторы и классы.
Сами входные данные имеют класс '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
