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'));
});

<强> Working Demo

如何使用jquery

1 个答案: