Как создать ли флажок с помощью jquery

Question

Я пытаюсь выбрать флажок в отдельном окне и в скрытом поле ввода в неупорядоченном списке.

Issue: Когда я нажимаю на одном он выбирает все вместо того, чтобы один мне нужно так же, как флажок в списке со скрытым входным флажком здесь мой код разделял jsFiddle

<ul class="checkbox_list"> 
    <li> 
     ravi 
     <p>2343534656 - U44BB387587</p> 
     <input type="checkbox" class="input_class_checkbox" id="c1"> 
    </li> 
    <li> 
     arvi 
     <p>2343534656 - U444BB387587</p> 
     <input type="checkbox" class="input_class_checkbox" id="c2"> 
    </li> 
    <li> 
     jiva 
     <p>2343534656 - 444BB387587</p> 
     <input type="checkbox" class="input_class_checkbox" id="c3"> 
    </li> 
</ul> 

Answer 1

Вы должны использовать щелкнул контекст this элемент целевой правильный элемент:

$('.checkbox_list li').on('click',function(){ 
    $(this).toggleClass('checked').prev().prop('checked',$(this).is('.checked')); 
}); 

Working Demo