Как кнопку включения, когда checbox проверяется

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> 

Однако это не работает. Я уже следую всем гидам в Интернете. Кто-нибудь может помочь, в какой части я ошибся? Есть ли дополнительные коды рядом с ними?

О, и это в формате PHP

EDIT: сделал это слишком

            <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'); 
    } 
    }); 
});