新手JavaScript提问，关于点击按钮显示div里的图片再次点击隐藏。

效果是点击人名旁边的框框就会出现一张图片，取消勾选照片就会消失效果如图。。我就做了一个框，请求大佬们帮帮忙！

举报该文章

第1个回答 2019-03-19

你说的人名旁的框就是个多选框，当选择之后，会增加个selected属性，可以通过这个属性的有无来判断对应的序号，再将下面图片对应序号的图片显示出来即可。追问

能告诉我下怎么实现吗...

追答<div class="register_p">
    <input name="" type="checkbox" value="" onclick="ck(this)" />  显示隐藏</div>
<div id="field">
    <label>显示隐藏</label>
</div>
</div>
<script>
    var ck = function(dom) {
        if (dom.checked) {
            field.style.display = "block";
        }else{
            field.style.display = "none";
        }
    }
</script>

本回答被网友采纳

第2个回答 2019-03-19

<div class="register_p"> <input name="" type="checkbox" value="" onclick="ck(this)" /> 显示隐藏</div><div id="field"> <label>显示隐藏</label></div></div><script> var ck = function(dom) { if (dom.checked) { field.style.display = "block"; }else{ field.style.display = "none"; } }</script>

第3个回答 2019-03-19

简单点的，就是判断复选框的checked属性，然后操作div下img的display属性

相似回答

大家正在搜