主页 / 问题 / 996620
Accepted
Nice
Asked:2020-06-26 16:27:10 +0000 UTC2020-06-26 16:27:10 +0000 UTC

切换复选框不会反映在按钮上

  • 772

无法配置按钮活动的切换，代码似乎写对了。

$(document).ready(function($) {
  function(e) {
    if ($('#pers_data').is(":checked")) {
      $("#send_but").removeAttr('disabled');
      $("#send_but").css("background", "#191919");
    } else {
      $("#send_but").attr('disabled', "disabled");
      $("#send_but").css("background", "#6B6B6B");
    }
  }

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span><input type="checkbox" id="pers_data"> Я согласен на обработку персональных данных (<a href="#" style="color:#0988AE;">соглашение</a>).</span>


<button id="send_but" type="submit" disabled="disabled" class="button">Отправить</button>

javascript

1 个回答

  1. Best Answer

    好吧，这就是您需要添加侦听器以更改复选框状态的方式：

    $(document).ready(function() {

  $('#pers_data').on('change', function(){

    if ($('#pers_data').is(":checked")) {
      $("#send_but").removeAttr('disabled');
    } else {
      $("#send_but").attr('disabled', "disabled");
    }

  })

});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span><input type="checkbox" id="pers_data"> Я согласен на обработку персональных данных (<a href="#" style="color:#0988AE;">соглашение</a>).</span>
<button id="send_but" type="submit" disabled="disabled" class="button">Отправить</button>

    • 3

相关问题