Добавление действия формы HTML на основе выбора радио

Question

Я пытаюсь добавить действие в форму HTML в зависимости от того, какой переключатель выбран пользователем.То, что я написал, работает до сих пор, за исключением того, что оно не перенаправляет на полный URL-адрес, который я установил.Вот мой код:

$("input[name$='discount_options']").click(function () {
        if (document.membershipIndividualJoin.discount_options[0].checked == true) {
            document.membershipIndividualJoin.action = "https://netdonor.net/page/48617/membership/2?membershipTypeId=129";
            console.log("checked regular");
        }

        else if (document.membershipIndividualJoin.discount_options[1].checked == true) {
            document.membershipIndividualJoin.action = "https://netdonor.net/page/48625/membership/2?membershipTypeId=132";
        }

        else if (document.membershipIndividualJoin.discount_options[2].checked == true) {
            document.membershipIndividualJoin.action = "https://netdonor.net/page/48629/membership/2?membershipTypeId=133";
        }

        else if (document.membershipIndividualJoin.discount_options[3].checked == true) {
            document.membershipIndividualJoin.action = "https://netdonor.net/page/48622/membership/2?membershipTypeId=130";
        }

        return true;
    });

Вместо перенаправления на полный URL, страница перенаправляет на https://netdonor.net/page/48629/membership/2, что не подходит для моих целей.Есть ли способ обойти это?

Answer 1

Вот пример для изменения действия формы на основе переключателя Проверьте здесь

 <form name="discount_options" method="post" action="discount2.php">
Discounts
<input type="radio" name="discount_method" value="yes">Yes 
<input type="radio" name="discount_method" value="no" checked>No
<input  id="btnSubmit" type="submit" value="Next" />  
 </form>

Сценарий

<script>    
jQuery(document).ready(function($) {
        var form = $('form[name="discount_options"]'),
            radio = $('input[name="discount_method"]'),
            choice = '';

        radio.change(function(e) {
            choice = this.value;

            if (choice === 'yes') {
                form.attr('action', 'https://netdonor.net/page/48617/membership/2?membershipTypeId=129');
            } else {
                form.attr('action', 'https://netdonor.net/page/48617/membership/2?membershipTypeId=160');
            }
        });
    });
</script>

Answer 2

Вы можете попробовать вот так

    <p>Please select</p>
    <input type="radio" name="discount_options" value="1"> 1
    <input type="radio" name="discount_options" value="2"> 2
    <input type="radio" name="discount_options" value="3"> 3
    <input type="radio" name="discount_options" value="4"> 4

<script>
$("input[name='discount_options']").click(function () {
    if ($(this).attr("value") == 1) {
      window.location.href = "https://netdonor.net/page/48617/membership/2?membershipTypeId=129";
    }

    else if ($(this).attr("value") == 2) {
        window.location.href = "https://netdonor.net/page/48625/membership/2?membershipTypeId=132";
    }

    else if ($(this).attr("value") == 3) {
        window.location.href = "https://netdonor.net/page/48629/membership/2?membershipTypeId=133";
    }

    else if ($(this).attr("value") == 4) {
        window.location.href = "https://netdonor.net/page/48622/membership/2?membershipTypeId=130";
    }
});
</script>