时间戳

首页 > 解决方案 > 如果选中任何复选框并在未选中任何复选框时禁用它，如何启用提交按钮？

javascript - 如果选中任何复选框并在未选中任何复选框时禁用它，如何启用提交按钮？

问题描述

如果选中任何复选框，如何启用提交按钮并在未选中任何复选框时禁用它？

$('.1').change(function(){
 
  form_valid = false;
  if($('.1').prop('checked')==true){
   
    $('#submit-btn').attr('class','btn btn-primary');
    form_valid = true;
  }
  else{
    
    form_valid = false;
  }

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="electronic[]" value="101" class="1"> fan<br>
<input type="checkbox" name="electronic[]" value="102" class="1"> tv<br>
<input type="checkbox" name="electronic[]" value="103" class="1"> ac<br>
<input type="checkbox" name="electronic[]" value="104" class="1"> mobile<br>

标签： javascriptjqueryhtml

解决方案

 function check(){
 
  $('input[type=checkbox]').each(function () {
  $("#btnSubmit").attr("disabled", false);

    var Val = (this.checked ? "1" : "0");
    if(Val=="1"){
      $("#button").attr("disabled", false);
      return false;
    }else{
  $("#button").attr("disabled", true);
    }
  });
 
     
 }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="button" disabled="true" >Button</button>
<br>
<br>

<input type="checkbox" onclick="check()" /> Button Status
<input type="checkbox" onclick="check()" /> Button Status

试试这个代码，快乐编码:-)

推荐阅读