JSFiddle - React, Tailwind, and code Playground
HTML
<form name=loginForm id='login' action='' method='post'>
<legend>Login</legend>
<input type='text' name='email' maxlength="100" placeholder="Email"/>
<input type='password' name='password' maxlength="100" placeholder="password"/>
<div class="checkBoxGroup">
<label for="Employer">Employer</label>
<input type="radio" name="status" id='employer' value="employer">
</div>
<div class="checkBoxGroup">
<label for="Staff">Staff</label>
<input type="radio" name="status" id='staff' value="staff">
</div>
<input type='submit' name='Submit' value='Login' />
</form>
JavaScript
$(document).ready(function(){
$("input[name='status']").change(function(){
//if($("#employer").prop("checked", true)){ <--- wrong / this set the property !
if($("#employer").prop("checked")){ // <--- this check the property
$("#login").attr("action", "DB/employerVerification.php")
}
else{
$("#login").attr("action", "DB/userVerfification.php")
}
alert($("#login").attr("action"));
}); // missing parentheses
}); // missing parentheses