如果选中任何复选框，则显示指定按钮，如果选中，则隐藏指定按钮

Question

下面是我的片段，我想要的只是隐藏具有＆＃34;保存＆＃34;等级的按钮。并且具有＆＃34;取消＆＃34;的类的按钮如果两个复选框都没有选中，那么任何想法，帮助，建议，推荐？

＆＃13;

＆＃13;

$(document).ready(function(){
  $("input[type='checkbox']").change(function(){
    if($(this).is(":checked")){
    $(".save").show();
    $(".edit").hide();
    $(".cancel").show();
    }else{
    $(".save").hide();
    $(".edit").show();
    $(".cancel").hide();
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button class="edit">edit</button>
<button class="save">save</button>
<button class="cancel">cancel</button>

<input type="checkbox" named="test1" />
<input type="checkbox" named="test2" />

＆＃13;

＆＃13;

＆＃13;

Answer 1

你可以尝试

$(document).ready(function() {
  var $checks = $("input[type='checkbox']").change(function() {
    var checked = $checks.is(':checked');
    $(".save, .cancel").toggle(checked);
    $(".edit").toggle(!checked);
  });
  $checks.first().change();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button class="edit">edit</button>
<button class="save">save</button>
<button class="cancel">cancel</button>

<input type="checkbox" named="test1" />
<input type="checkbox" named="test2" />