如何使用jQuery创建li复选框

Question

我试图选择单个选择，并在无序列表中隐藏了输入复选框。

问题 ：当我单击它时，它会选择全部而不是全部，就像需要隐藏输入列表中的复选框一样，这是我在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'));
});

工作演示