使用 HTML 中的单选按钮链接网页

Posted 2023-03-05

【中文标题】使用 HTML 中的单选按钮链接网页

【英文标题】：Linking webpages using radio button in HTML

【发布时间】：2014-02-08 13:49:04

【问题描述】：

我有两个网页 A 和 B。网页 A 包含一些单选按钮。我只希望如果用户选择任何单选按钮，则应该打开网页 B。

任何人都可以帮助我了解我应该尝试做什么吗？

【问题讨论】：

你可以用 javascript 做到这一点。旁注：使用单选按钮重定向到网页不是那么用户友好，radio buttons is another 的意图。有用于重定向的锚元素（链接）。

【参考方案1】：

您需要以这种方式将onclick 属性添加到您的单选按钮：

<input type='radio' onclick='functionCalled()' />

然后在单选按钮下添加：

<script>
     function functionCalled() 
          window.open(url); //if you want to open in new window
          window.location = url; //if you want to redirect
     
</script>

【参考方案2】：

仅 html 是不够的。您将需要开始学习 JavaScript（最好是 jQuery）。

假设你有jQuery:

<input type="radio" name="mything" value="1"/>
<input type="radio" name="mything" value="0"/>

$('input:radio[name="mything"]').change(
    function()
        if ($(this).is(':checked') && $(this).val() == '1') 
            window.location = "http://www.yoururl.com";
        
        else
            window.location = "http://www.yourotherurl.com";
        
    );

Javascript 重定向：How to redirect to another webpage in JavaScript/jQuery?

已选择单选按钮：Jquery If radio button is checked

【参考方案3】：

试试这个：

<input type="radio" onchange="window.location.replace('URL_OF_WEBSITE')">