javascript - 选中复选框时显示隐藏按钮并隐藏可见按钮

Question

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

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

我知道如何隐藏/显示按钮 flip-ch1 但我不能对其他按钮执行此操作。

我这里有一个脚本:

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

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="checkbox" name="radio" id="radio">

  <button class="btn_style" id="ch1">Add</button>
  <button class="btn_style" id="flip-ch1">Add</button>

</div>

Answer 1

同时切换它们:

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

 });
});
</script>