Javascript 选中复选框时，显示隐藏按钮并隐藏可见按钮

我是javascript的初学者，希望你能帮我解决这个问题

我有两个html格式的按钮和一个复选框，一个按钮应该是隐藏的，另一个是可见的。我的问题是如何在选中复选框的同时显示隐藏按钮和隐藏可见按钮

我知道如何隐藏/显示按钮

flip-ch1

，但我不能对其他按钮进行隐藏/显示

我这里有一个脚本：

$（文档）.ready（函数（）{
$（'#flip-ch1'）.hide（）；
$（'#radio'）.mouseup（函数（）{
$（'#flip-ch1'）.toggle（）；
});
});

添加
添加
切换它们：

<script type="text/javascript">
    $(document).ready(function(){
 $('#flip-ch1').hide(); 
 $('#radio').mouseup(function () {
    $('#ch1').toggle();
    $('#flip-ch1').toggle();

 });
});
</script>


$（文档）.ready（函数（）{
$（'#flip-ch1'）.hide（）；
$（'#radio'）.mouseup（函数（）{
$（'#ch1'）.toggle（）；
$（'#flip-ch1'）.toggle（）；
});
});
只需添加这一行：

$('#ch1').toggle();

因此，完整的js代码应该是：

$(document).ready(function () {
    $('#flip-ch1').hide();
    $('#radio').mouseup(function () {
        $('#flip-ch1').toggle();
        $('#ch1').toggle();
    });
});

不要被.hide（）所迷惑。它仅用于在开始时隐藏其中一个按钮。以后不需要使用。切换复选框后看不到任何更改的原因是，当第一个按钮被隐藏时，第二个按钮将获得其位置，该位置不会保持为空。您可以在任何主要浏览器的inspect元素上发现我提到的所有这些内容。
请尝试
$（“#radio”）。是（“：checked”）如下所示


$（文档）.ready（函数（）{
$（'#flip-ch1'）.hide（）；
$（'#radio'）。on（'change'，function（）{
如果（$（'#radio'）。是（':checked'））{
$（'#flip-ch1'）.show（）；
$（'#ch1'）.hide（）；
}否则{
$（'#flip-ch1'）.hide（）；
$（'#ch1'）.show（）；
}
});
});

加1
加2
你说得对，没有发现
$（“#flip-ch1”）.hide（）我试过了，按钮ch1隐藏，当我选中复选框时，按钮flip-ch1显示，但当我取消选中复选框时，按钮ch1不显示。你如何判断它们是否具有相同的“添加”内容？将内容更改为不同的内容。我的代码根据您的描述工作。正如我所说，我的代码根据您的描述工作：单击复选框将隐藏一个按钮，并重复显示另一个按钮。谢谢！！你真是个天使。。非常感谢你。。谢谢你们的建议我很感激。。谢谢，我是根据您与@AndyG的讨论来解释的。你们搞错了，请检查一下。