<!DOCTYPE html>
<html>
<head>
<title>Change Form Action Based on Form Checkboxes</title>
</head>
<body>
<form action="/login">
<input type="text" name="username" id="username" placeholder="username" />
<input type="password" name="password" id="password" placeholder="password" />
<input type="submit" value="submit" id="submit" />
<label for="register">Register?</label><input type="checkbox" value="0" name="register" id="register" />
<label for="remember">Remember Me?</label><input type="checkbox" value="0" name="remember" id="remember" />
</form>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
$('form').on('submit', function(event){ // Making use of the new jQuery "on" binding instead of .bind()
if( $('#register:checked').length ) { // Check if register tick is selected
$(this).attr('action', '/register');
} else if( $('#remember:checked').length ) { // Check if remember tick is selected
$(this).attr('action', '/login?remember=1');
}
});
});
</script>
</body>
</html>
<!--
This was the response for a question on Twitter: https://twitter.com/#!/kunane/status/150507847124393984
-->