изменение флажка не активировано при загрузке страницы

Question

У меня есть кнопка и флажок (условия использования) на моей странице.
Кнопка должна быть отключена, если флажок не установлен.

Я хочу сбросить настройки при каждой загрузке. (первая загрузка или использование обратного btn или т. д.) состояние перезагрузки: флажок не должен быть установлен, а btn отключен. Но функция вызывается только тогда, когда я нажимаю флажок, а не на время загрузки. Обновление: Также я тестировал .trigger('change'). Он did't работать слишком

$(function() { 
 
    $('#termsOfUse').removeAttr('checked'); 
 
    $('#termsOfUse').change(); 
 
    $('#termsOfUse').change(function() { 
 
    if ($(this).is(":checked")) { 
 
     $('#createBtn').prop('disabled', false); 
 
    } else { 
 
     $('#createBtn').prop('disabled', true); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row"> 
 
    <input id="termsOfUse" type="checkbox" /> 
 
    <label for="termsOfUse" style="display: inline;"> 
 
        <span><a href="/rules">rules</a></span> I am agree with</label> 
 
</div> 
 
<div class="create"> 
 
    <input id="createBtn" type="button" value="create" class="btn btn-default btn-success" 
 
    onclick="location.href = '@Url.Action("Create","NewOne ")'" /> 
 
</div>

Answer 1

Вы вызываете .Кнопкой, прежде чем назначить.

$(function() { 
    $('#termsOfUse').prop('checked',false); 
    $('#termsOfUse').change(function() { 
    $('#createBtn').prop('disabled', !this.checked); 
    }).change(); // execute at load 
}); 

Вы также можете поместить

<script> 
    $('#termsOfUse').prop('checked',false); 
    $('#termsOfUse').change(function() { 
    $('#createBtn').prop('disabled', !this.checked); 
    }).change(); // execute at load 
</script> 
</body> 

в конце документа