时间戳

首页 > 解决方案 > 根据单选选择添加 HTML 表单的操作

javascript - 根据单选选择添加 HTML 表单的操作

问题描述

我正在尝试根据用户选择的单选按钮将操作添加到 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不适合我的目的。有没有办法解决这个问题？

标签： javascriptjqueryhtmlforms

解决方案

你可以这样尝试

    <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>

推荐阅读