<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");

        }

    });