JS+Html控制控件的显示与隐藏

最新推荐文章于 2024-04-23 11:22:03 发布

mayfla

最新推荐文章于 2024-04-23 11:22:03 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/mayfla/article/details/48138345

本文介绍了一个需求，通过按钮控制页面上的某个控件进行显示或隐藏。关键在于利用HTML的visibility属性，设置为hidden隐藏元素且不占空间，设置为visible则元素显示并占用空间。参考了优快云论坛的相关话题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有一个需求是利用一个button按钮，控制另一个控件的显示与隐藏

点击加号可以添加一个监考，点击减号可以去掉一个监考。

function listchange() {

    var sel = document.getElementsByName('tasklist_type');
    for (var i = 0; i < tasklist_type.options.length; i++) {
        if (tasklist_type.options[i].selected) {
            if (tasklist_type.options[i].value == 0) {
                document.getElementById("tasklistoriginalno").style.display = "none";
                <span style="color:#FF0000;">document.getElementById("tasklist_originalno").value = "";</span>

                /*上面红色的这句话用处很大的，因为你想隐藏掉下面的一个表单，那么这个表单的值也就不需要写入数据库了，所以记得在隐藏的同时将被隐藏表单的值清空；当然要是你不嫌麻烦的话在表单的数据提交到php