Использование значений радио для пересылки на определенные веб-страницы при отправке

Question

У меня есть несколько очень простых форм, которые отправляют пользователя на определенную веб-страницу в зависимости от выбранной им опции радио. Я подумал, что это добавит значение к некоторой переменной, которую что-то вроде jquery может прочитать и переслать на указанную нами веб-страницу.

 <form id="weight-loss">
        <input type="radio" id="form1_option1" name="weight-loss" value="5_day" class="plan" /><label for="form1_option1"> 5 Day - All Inclusive Price</label><br />
        <input type="radio" id="form1_option2" name="weight-loss" value="7_day" /><label for="form1_option2"> 7 Day - All Inclusive Price</label><br />
        <input type="submit" value="Place Order" alt="Submit button" class="orange_btn" />
</form>

Кажется, я не могу найти ничего, что действительно помогает в этом отношении в Интернете. Спасибо за вашу помощь.

Answer 1

Демо: http://www.jsfiddle.net/pRhjq/

<script type="text/javascript">
    function choosePage() {
        if(document.getElementById('weightloss').form1_option1.checked) {
            window.location.replace( "http://google.com/" );
        }
        if(document.getElementById('weightloss').form1_option2.checked) {
            window.location.replace( "http://yahoo.com/" );
        }
    }
</script>

<form id="weightloss">
     <input type="radio" id="form1_option1" name="weight-loss" value="5_day" class="plan">
     <label for="form1_option1"> 5 Day - All Inclusive Price</label><br>
     <input type="radio" id="form1_option2" name="weight-loss" value="7_day">
     <label for="form1_option2"> 7 Day - All Inclusive Price</label><br>
     <input type="button" value="Place Order" alt="Submit button" class="orange_btn" onclick="choosePage()">
</form>

Answer 2

Используйте это: http://www.techiegyan.com/2008/07/09/using-jquery-check-boxes-and-radio-buttons/

В комбинации с этим: window.location.href = 'new_location.htm';

Answer 3

В простейшем случае вы можете сделать метод формы GET:

<form id="weight-loss" method="get" action="some_page.php">
    <input type="radio" id="form1_option1" name="weight-loss" value="5_day" class="plan" /><label for="form1_option1"> 5 Day - All Inclusive Price</label><br />
    <input type="radio" id="form1_option2" name="weight-loss" value="7_day" /><label for="form1_option2"> 7 Day - All Inclusive Price</label><br />
    <input type="submit" value="Place Order" alt="Submit button" class="orange_btn" />
</form>

Тогда вы можете сделать так, чтобы some_page.php отображал разные страницы в зависимости от значения его переменной потери веса. Или, по крайней мере, он может перенаправить на основе этой переменной.