input checkbox问题和li里面包含checkbox

<ul>
    <li><input type="checkbox" name="" id=""/>li1</li>
    <li><input type="checkbox" name="" id=""/>li2</li>
    <li><input type="checkbox" name="" id=""/>li3</li>
    <li><input type="checkbox" name="" id=""/>li4</li>
</ul>

$("ul li").click(function(){
        var $input=$(this).find("input");
        if($input.prop("checked"))
        {
            $input.prop("checked",false);
            $(this).css("background-color","");
        }
        else
        {
            $input.prop("checked",true);
            $(this).css("background","red");
        }
    });

  $("ul li").click(function(){
        var $input=$(this).find("input");
        var count=1;
     
        if(count%2==0)
        {
            $input.prop("checked",false);
            $(this).css("background-color","");

        }
        else
        {
            $input.prop("checked",true);
            $(this).css("background","red");

        }
        count++;
    });

 $("ul li").each(function(){
        var count=1;
        $(this).click(function(){
            var $input=$(this).find("input");
            if(count%2==0)
            {
                $input.prop("checked",false);
                $(this).css("background-color","");

            }
            else
            {
                $input.prop("checked",true);
                $(this).css("background","red");

            }
            count++;
        });
    });