<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<input type="checkbox" id="test" value="test" >
<a id="show_img" style="text-decoration: none" href="img/img.jpg" onclick="document.getElementById('test').checked=true;return false;">点这也可以勾选</a>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    <input type="checkbox" id="test" value="test" >
    <a id="show_img" style="text-decoration: none" href="img/img.jpg" onclick="document.getElementById('test').checked=!document.getElementById('test').checked;return false;">点这也可以勾选</a>
    </body>
    </html>
      

  2.   

    多谢!可以用了,最后一个问题,这样呼叫add function正确吗?<a id="show_img" style="text-decoration: none" href="img/img.jpg" onclick="add();document.getElementById('test').checked=!document.getElementById('test').checked;return false;">点这也可以勾选</a>
    <script>
    $(function(){   function add(){
       //call
       }
    })
    </script>
      

  3.   


    错了 ,改成
    <script>
    $(function(){
    })
     function add(){
       //call
    }
    </script>