是否可以在 html 中取消隐藏选中的第二个输入框上的提交按钮，但不选中选中的第一个框

Question

这就是我正在做的事情！我无法让它在选中的第二个复选框上显示提交按钮 - 它在选中的第一个复选框上工作正常但在第二个复选框上不起作用 - 我希望它保持隐藏状态直到选中第二个复选框 - 我希望这是有道理的 - 是为什么我不能在其他浏览器上将其设置为运行？？？？？？谁能帮帮我。

<!DOCTYPE html>
<html lang="en">
  <head>
  
    
<style>
    p {
    font-family:'Lato', sans-serif;
}
.button-orange {
    text-shadow: 2px 2px #321;
    float:left;
    width: 100%;
    border: #fbfbfb solid 4px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 3px #999;
    cursor:pointer;
    background-color: #E74700;
    color:white;
    font-size:34px;
    padding-top:22px;
    padding-bottom:22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top:-4px;
    font-weight:700;
}
.button-orange:hover {
    background-color: red;
}
.button-grey {
    text-shadow: 2px 2px #321;
    float:left;
    width: 100%;
    border: #fbfbfb solid 4px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 3px #999;
    cursor:pointer;
    background-color: #999;
    color:white;
    font-size:24px;
    padding-top:22px;
    padding-bottom:22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top:-4px;
    font-weight:700;
}
</style>
  </head>
  <body>
  <p>is there a way to unhide the submit button when any 2nd number is checked???</p>
<form action="/action_page.php" method="get">
    <input type="checkbox" value="checkbox" onchange="checkedChanged(this)" />01
    <input type="checkbox" value="checkbox" onchange="checkedChanged(this)" />02
    <input type="checkbox" value="checkbox" onchange="checkedChanged(this)" />03
    <input type="checkbox" value="checkbox" onchange="checkedChanged(this)" />04
    <br><br><br>
    <input disabled="disabled" type="button" id="accept" class="button-grey" value=" SUBMIT " 
 onclick="getElementById('accept')">
     </form>
    <script>
function checkedChanged(element) {
 
    var myLayer = document.getElementById('accept');
        if (element.checked == true) {
            myLayer.className = "button-orange";
            myLayer.disabled = "";
        } else {
            myLayer.className = "button-grey";
            myLayer.disabled = "disabled";};}
        
    var checked_val = "null";
    $(".no_option").on("click", function(){
      if($(this).val() == checked_val){
        $('input[name=group][value=null]').prop("checked",true);
        checked_val = "null";
      }else{
        checked_val = $(this).val();
      }

});
  </script>
  </body>
</html>

Answer 1

测试是否至少选中了两个复选框

码笔linkhttps://codepen.io/pranaynailwal/pen/oNBXWgR

function checkedChanged() {
  var inputs = document.getElementsByTagName("input");
  var myLayer = document.getElementById('accept');
  var count = 0;
  for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type == "checkbox" && inputs[i].checked) {
      count++;
    }
  }
  if (count >= 2) {
    myLayer.className = "button-orange";
    myLayer.disabled = "";
  } else {
    myLayer.className = "button-grey";
    myLayer.disabled = "disabled";
  }
}

是否可以在 html 中取消隐藏选中的第二个输入框上的提交按钮，但不选中选中的第一个框

is it possible in html to unhide a submit button on the 2nd input box thats checked but not the fist box checked

html

javascript

input

submit

checked