Определите цвет по умолчанию для вашей кнопки в стилях.Когда кнопка нажата, вы можете добавить к ней класс, который меняет ее цвет, а когда модальное окно закрыто, вы можете удалить класс, который изменил свой цвет.
В Bootstrap есть специальные события, созданные для закрытия мод hidden.bs.modalкоторый срабатывает, когда модал успешно закрыт.Вы можете прослушать это событие и удалить этот класс при его запуске.
//this code for change color after click
var b1 = document.getElementById("send");
b1.onclick = function() {
// whenever button is clicked add a class to the button, which overwrites the style
$(b1).addClass("btn-modal-open");
}
$("#myModal").on("hidden.bs.modal", function(){
// Attach event to the modal close, and when the modal is closed remove the class which overwrites background color
$(b1).removeClass('btn-modal-open');
});
#send{
background: #807874;
}
.btn-modal-open{
background: #F47321 !important;;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<button type="button" id="send" class="btn btn-default btn-lg btn-block" data-toggle="modal" data-target="#myModal"><font color="white">CLICK ME</font></button>
<div id="modals">
<div id="myModal" class="modal fade" role="dialog" required>
<div class="modal-dialog">
<!-- konten modal-->
<div class="modal-content">
<!-- heading modal -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Syarat & Ketentuan</h4>
</div>
<!-- body modal -->
<div class="modal-body" style="height:250px;width:auto;overflow:auto;padding:2%">
<div id="toss">
<script type='text/javascript'>
$(document).ready(function(){
$( "#toss" ).load( "tos.html" );
});
</script>
</div>
</div>
<!-- footer modal -->
<div class="modal-footer">
<div align="left">
<label class="checkbox-inline">
<input type="checkbox" id="check" title="Please agree to our policy!" name="checkbox" />Saya setuju dengan syarat & ketentuan
</label>
<br>
<p><label class="label label-danger">*Silahkan ceklis setuju untuk melanjutkan</label></p>
</div>
<button type="button" id="close" class="btn btn-default" data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-success" id="btncheck" value="Send" />
</p></font>
</div>
</div>
</div>
</div>
</div>
<script>
$(function() {
var chk = $('#check');
var btn = $('#btncheck');
chk.on('change', function() {
btn.prop("disabled", !this.checked);//true: disabled, false: enabled
}).trigger('change'); //page load trigger event
});
</script>