forum

Home / DeveloperSection / Forums / Radio Button Redirect

Ask Question

Radio Button Redirect

mathieu cupryk253131-Mar-2014

How can I fix the above so that :

if the user selects jobseeker redirect them to
JobSeeker/jsRegistration.cshtml otherwise go to
Employer/empRegistration.cshtml

 

<div class="wrap">
   <div class="content">
        @Html.AntiForgeryToken()
       <div class="botitle_h1">Are you a Job Seeker or an Employer?</div>
       <form action="~/Registration/Registration" method="post">
           <div class="inner-content" style="border:none">
               <span><input type="radio" onclick="selecttype('jobseeker');" name="account" id="jobseeker" value="0"> I am a Job Seeker seeking WORK </span>
               <span> <input type="radio" onclick="selecttype('employee');" name="account" id="employee" value="1"> I am a Company seeking to HIRE </span>
               <input id="regtype" type="hidden" name="regtype" value="0" />
               <span style="float:right">
                   <input type="submit" class="home_buttonNext" value="Next Step">
               </span>
               <span style="clear:both"></span>
           </div>
       </form>
   </div>
</div>
<script>
   function selecttype(type) {
       if (type == 'jobseeker') {
            $('#regtype').val('0');
       }
       else {
            $('#regtype').val('1');
       }
   }
</script>

asp.net mvc asp.net mvc 
Updated on 03-Apr-2014
mathieu cupryk

mathieu cupryk

Follow
C# developer

Can you answer this question?

Answer

7 Answers

Anonymous User

Anonymous User

03-Apr-2014
Nice Answer.
mathieu cupryk

mathieu cupryk

02-Apr-2014
Fantastic I appreciate the help.
I am getting into this mvc.
Chris Anderson

Chris Anderson

02-Apr-2014
Yes you need to add two controller in Controller folder:

JobSeekerController.cs
EmployerController.cs


In order to handle post requets you need to create action for post as given below:

public class JobSeekerController : Controller
{
    public ActionResult jsRegistration()
    {
        return View();
    }
   
    [HttpPost]
    public ActionResult jsRegistration(FormCollection form)
    {
        return View();
    }
}
public class EmployerController : Controller
{
    public ActionResult empRegistration()
    {
        return View();
    }
   
    [HttpPost]
    public ActionResult empRegistration(FormCollection form)
    {
        return View();
    }
}

To hadle it from the view, modify the view code as given below:

@using (Html.BeginForm())
 {
           <div class="inner-content" style="border:none">
<span><input type="radio" name="account" id="jobseeker" value="0"> I am a Job Seeker seeking WORK </span>
<span> <input type="radio" name="account" id="employer" value="1"> I am a Company seeking to HIRE </span>
<input id="regtype" type="hidden" name="regtype" value="0" />
<span style="float:right">
<input type="submit" class="home_buttonNext" value="Next Step">
</span>
<span style="clear:both"></span>
</div>
 }

Thanks.
mathieu cupryk

mathieu cupryk

01-Apr-2014 
<form action="~/Registration/Registration" method="post">
            <div class="inner-content" style="border:none">
                <span><input type="radio" name="account" id="jobseeker" value="0"> I am a Job Seeker seeking WORK </span>
                <span> <input type="radio" name="account" id="employer" value="1"> I am a Company seeking to HIRE </span>
                <input id="regtype" type="hidden" name="regtype" value="0" />
                <span style="float:right">
                    <input type="submit" class="home_buttonNext" value="Next Step">
                </span>
                <span style="clear:both"></span>
            </div>
        </form>

I am not sure how to handle the form action?

What should I have?

mathieu cupryk

mathieu cupryk

01-Apr-2014

I also wanted to mention your article was really done nicely.

mathieu cupryk

mathieu cupryk

01-Apr-2014

This looks great and makes sense.

Should I create a controller these two controlers

JobSeekerController.cs

EmployerController .cs

?

Chris Anderson

Chris Anderson

01-Apr-2014
In order to acheive this:

create Controllers:

public class JobSeekerController : Controller
{
    public ActionResult jsRegistration()
    {
        return View();
    }
}
public class EmployerController : Controller
{
    public ActionResult empRegistration()
    {
        return View();
    }
}

then modify your client script code as given below:

function selecttype(type) {
       if (type == 'jobseeker') {
            $('#regtype').val('0');
            window.location = "/JobSeeker/jsRegistration"
       
       }
       else {
            $('#regtype').val('1');
           window.location = "/Employer/empRegistration" 
        }
   }

Hope this works for you.

Liked By