问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

写了checkbox按钮点击显示与隐藏，标签里设定了默认打钩就完全相反了，该怎么判断？

头像
帅帅
    4711642
    <!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title></title>
</head>
<body>
    <input type="checkbox" name="checkbox" onclick="show('li')">
    <img  src='li.jpg'  style='display:none'  id='li'>

    <input type="checkbox" name="checkbox" onclick="show('xiangjiao')" checked>
    <img  src='xiangjiao.jpg'  style='display:none'  id='xiangjiao'>
<script type="text/javascript">
    function show(id){
        if(document.getElementById(id).style.display == "block"){
            document.getElementById(id).style.display = "none";
        }else if(document.getElementById(id).style.display == "none"){
            document.getElementById(id).style.display = "block";
        }
    }
</script>
</body>
</html>

    第一个没有设定默认打钩，点击checkbox会显示图片，取消就隐藏图片，第二个设定了默认打钩，变成了打钩不显示图片，取消显示图片了，怎么修改判断打钩显示，取消不显示？

    html5javascript前端
    阅读 2.6k
    1 个回答
    得票最新
    头像
    尼古拉斯_东
      50226
      ✓ 已被采纳
      <!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <input type="checkbox" name="checkbox" onclick="show('li')">
    <img  src='li.jpg' style='display:none' id='li'>
    <input type="checkbox" name="checkbox" onclick="show('xiangjiao')" checked>
    <img  src='xiangjiao.jpg' style='display:block' id='xiangjiao'>
    <script type="text/javascript">
    function show(id) {
        if (document.getElementById(id).style.display == "block") {
            document.getElementById(id).style.display = "none";
        } else if (document.getElementById(id).style.display == "none") {
            document.getElementById(id).style.display = "block";
        }
    }
    </script>
</body>

</html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题