Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<label>
<input id='agree_rules' name='agree_rules' type='checkbox' value='1' />
Я принимаю <a href='#'>пользовательское соглашение</a>
</label>
<input class='button orange' id='submit_form' name='commit' type='submit' value='Зарегистрироваться' disabled />
<script>
$(document).ready(function(){
$('#agree_rules').change(function(){
$('#submit_form').prop('disabled',!this.checked);
});
});
</script>
</body>
</html>