こんな感じです。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>sample</title>
<style type="text/css">
input[type="submit"][disabled] {
    background: #ccc;
    cursor: default;
}
input[type="submit"] {
	cursor:pointer;
    text-align:center;
    padding:10px 20px;
    color:#fff;
    border:none;
    background:#59bb0c;
	border-radius:5px;
}
</style>
</head>
<body>
<input type="checkbox" id="agree"> <label for="agree">同意する</label>
<input type="submit" id="send" value="送信">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {

	if(!$("#agree").prop('checked')) {
		$('#send').prop('disabled', true);
	}

	$('#agree').on('click', function() {
		if ($(this).prop('checked') == false) {
			$('#send').prop('disabled', true);
		} else {
			$('#send').prop('disabled', false);
		}
	});

});
</script>
</body>
</html>