Изменить форму назначения на основе выбора радио

Question

Я создаю форму и предоставляю пользователю три варианта.Они могут выбрать только один, в зависимости от их выбора я хочу отправить их на другую страницу.Поэтому, если они выбирают вариант 1, они переходят на abc.html, вариант 2 - на def.html и т. Д. И т. Д.

       <form id="account" action="somepage.php">
        <p>Select an Option</p>
          <input type="radio" name="group1" id="basic" checked="checked" />

          <input type="radio" name="group1"  id="trade" />

          <input type="radio" name="group1"  id="pro" />

          <button class="s_button_1 s_main_color_bgr" type="submit"><span class="s_text">Continue</span></button>
        </form>

---

ОК Отредактировано для добавления нового кода, фактически нашего фактического кода.Мы находимся на странице register.php и предлагаем пользователям три уровня регистрации (они могут выбрать только один). Поэтому URL-адрес www.somedomain.com/register.php

<form id="account">
      <div class="s_row_3 clearfix">
        <p>Registration Options: choose your account type</p>
        <label class="s_radio" for="basic">
          <input type="radio" name="group1" id="basic" checked="checked" value="basic.php" onclick="setLocation(this)"/>
          <strong>Register a Basic Account</strong>&nbsp;<a rel="prettyPhoto[ajax]" href="/infopops/basic.php?ajax=true&width=100%&height=100%"><span class="info">&nbsp;</span></a>
        </label>
        <label for="trade">
          <input type="radio" name="group1"  id="trade" value="trade.php" onclick="setLocation(this)"/>
          <strong>Register a Trade Account</strong>&nbsp;<a rel="prettyPhoto[ajax]" href="/infopops/trade.php?ajax=true&width=100%&height=100%"><span class="info">&nbsp;</span></a>
        </label></a>
        </label>
         <label for="pro">
          <input type="radio" name="group1"  id="pro" value="pro.php" onclick="setLocation(this)"/>
          <strong>Register a Pro Account</strong>&nbsp;<a rel="prettyPhoto[ajax]" href="/infopops/pro.php?ajax=true&width=100%&height=100%"><span class="info">&nbsp;</span></a>
        </label></a>
        </label>
        <br />
        <p>By creating an account you will be able to shop faster, be up to date on an order's status, and keep track of the orders you have previously made.</p>

      </div>
      <span class="clear border_ddd"></span>
      <br />
      <button class="s_button_1 s_main_color_bgr" type="submit"><span class="s_text">Continue</span></button>
    </form>

Js:

<!--form script-->
<script type="text/javascript">
            function setLocation(element) {
            document.forms[0].action = element.value
    }
</script>
<!--//form script end-->

Answer 1

С jQuery все проще, но вот базовая версия:

<input type="radio" name="group1" id="basic" value="a.html" onclick="setLocation(this)" checked="checked" />

function setLocation(element) {
        document.forms[0].action = element.value
}