Question

我有这样的代码

<div class="checkbox">

            <input type="checkbox" id="checkme" value ="accept"/>
                        <label>I have read and agree to the terms and conditions</label>
                                    <p><input type="submit" name="submit" value="Order now!" id="sub1" disabled="disabled"/></p>

我试图把这个Jscript放在代码之下：

<script>
$(document).ready(function() {
    var the_terms = $("#checkme");

    the_terms.click(function() {
        if ($(this).is(":checked")) {
            $("#sub1").removeAttr("disabled");
        } else {
            $("#sub1").attr("disabled", "disabled");
        }
    });
}); 
                        </script>

然而它根本不起作用。我已经按照互联网上的所有指南。任何人都可以帮助我做错了什么？除了这些还有其他代码吗？＆＃39;

哦，这是php格式

编辑：做得太好了

                                                    <script>
var checker = document.getElementById('checkme');
var sendbtn = document.getElementById('sub1');
checker.onchange = function() {
  sendbtn.disabled = !!this.checked;
};
                        </script>

但是如何在未选中时更改为禁用？

Answer 1

只需使用这样的jquery更改事件：

$(document).ready(function() {

    $('#checkme').change(function() {
        if ($(this).is(":checked")) {
            $("#sub1").removeAttr("disabled");
        } else {
            $("#sub1").attr("disabled", "disabled");
        }
    });
});

Answer 2

 $(function() {
  $('#id_of_your_checkbox').click(function() {
      if ($(this).is(':checked')) {
          $('#id_of_your_button').attr('disabled', 'disabled');
      } else {
          $('#id_of_your_button').removeAttr('disabled');
     }
  });
});

如何在选中checbox时启用按钮

2 个答案: