jquery 用image图片自定义checkbox 并切换状态

html中，input标签一般和lable标签一起使用，不用系统原生的checkbox，用自己的图片来自定义一个checkbox

html代码：

 <label>
         <img src="../images/ic_check_select.png" id="checkimg" onclick="checkclick()"/>
 </label>

 <input type="checkbox" style="display: none" id="agree" checked = "checked">

js代码：

function checkclick(){
        var checkimg = document.getElementById("checkimg");
        if($("#agree").prop('checked') ){
            $("#agree").prop("checked",false);
            console.log("111111");
            checkimg.src="../images/ic_check_nomal.png";
            checkimg.alt="未选";
        } else{
            $("#agree").prop("checked",true);
            console.log("22222");
            checkimg.src="../images/ic_check_select.png";
            checkimg.alt="选中";
        }
    }