Javascript 显示和隐藏html元素

我有一个问题对你来说可能很简单，所以请不要生气 我是初级开发人员，javascript有点不好。 我有一张这样的表格：

图像：

当我选择“计数视图”时，标签为“视图”的输入显示，当我继续选择“计数单击”时，标签为“单击”的输入也显示

Javascript代码：

    $(document).ready(function(){
    $('body').on("click","#count_option", function(e){
        if($("#count_option").val() === $("#count_view").val()) {
            $("#view_form").show();
        }
        if($("#count_option").val() === $("#count_click").val()) {
            $("#click_form").show();
        }
    });
});

我希望当我选择一个选项时，只显示一个输入。请帮帮我

---

提前感谢。

当你想看到另一个表单时，你必须隐藏另一个表单，反之亦然。 检查下面的代码，改变一些事情，你就会很好地去做

$(document).ready(function(){
    $('body').on("click","#count_option", function(e){
        if($("#count_option").val() === $("#count_view").val()) {
            $("#view_form").show();
            $("#click_form").hide(); // hide other form
        }
        if($("#count_option").val() === $("#count_click").val()) {
            $("#click_form").show();
            $("#view_form").hide(); // hide other form
        }
    });
});

---

当您想看到另一个窗体时，必须隐藏另一个窗体，反之亦然。 检查下面的代码，改变一些事情，你就会很好地去做

$(document).ready(function(){
    $('body').on("click","#count_option", function(e){
        if($("#count_option").val() === $("#count_view").val()) {
            $("#view_form").show();
            $("#click_form").hide(); // hide other form
        }
        if($("#count_option").val() === $("#count_click").val()) {
            $("#click_form").show();
            $("#view_form").hide(); // hide other form
        }
    });
});

---

您也可以分享您的html吗？您好，您在哪里关闭查看表单并单击表单？如果你想显示一个表单而不是另一个表单，你需要检查另一个表单是否在显示，如果在显示，就隐藏它code@Spangle或者把它们都隐藏起来，然后显示你想要的。@JuhilSomaiya这是非常基本的，唯一的一点是最后两个输入有style=“display:none；”你也能分享你的html吗？嗨，在何处关闭视图表单并单击表单？如果你想显示一个表单而不是另一个表单，你需要检查另一个表单是否在显示，如果在显示，就隐藏它code@Spangle或者把它们都隐藏起来，然后显示你想要的。@JuhilSomaiya这是非常基本的，只需要最后两个输入have style=“display:none；”是的，这是一个简单的问题。是的，这是一个简单的问题。