Как добавить выбор флажка только для одного выбора?

Question

У меня есть два вопроса в опросе. Один, где пользователь может выбрать несколько вариантов в каждом вопросе, а затем другие вопросы, по которым пользователь должен сделать только один выбор. Я не хочу использовать радиокнопки. Я сделал это до сих пор, но он не работает.

<ol class = "single"> 
    <li> question: question one</li> 
    <li><input type="checkbox"> choice one</li> 
    <li><input type="checkbox"> choice two</li> 
    <li><input type="checkbox"> choice three</li> 
</ol> 

<ol class = "multiple"> 
    <li> question: question two </li> 
    <li><input type="checkbox"> choice one </li> 
    <li><input type="checkbox"> choice two </li> 
    <li><input type="checkbox"> choice three</li> 
</ol> 

мой JQuery код:

$('.single').each(function(){ 
    $('input:checkbox').click(function(){ 
    if ($(this).is(':checked')) { 
     $('input:checkbox').not(this).prop('checked', false); 
    } 
    }); 
}); 

Answer 1

Вы не должны использовать each, просто сузить сферу селектора, который вы используете, чтобы связать событие щелчка:

$('.single').find('input:checkbox').click(function() { 
    var $this = $(this); 
    $this.closest('.single').find('input:checkbox').not($this).prop('checked', false); 
});