javascript - 根据用户选择 "Yes"或 "No"更改 内的 URL

Question

我有一份简短的调查问卷，我想将 18 岁及以上的人发送到一个链接，将 18 岁以下的人发送到另一个链接。

第一个问题(唯一过滤的问题)是“您是否超过 18 岁？”并根据用户是否单击是或否，我希望它更改 href="..." 中的 URL。

这是我目前的代码:

<div id="Q1">
    	<div class="panel panel-default">
    		<div class="panel-heading">
    			<h3 class="panel-title">Question 1 of 3<span class="pull-right">
                  <script>document.write(lmonth + " " + date + ", " + year);</script></span></h3>
    		</div>
    		<div class="panel-body">
    			<h4>Are you older than 18?</h4>
    			<div class="radio Q1">
    				<label> <input type="radio">Yes.</label>
    			</div>
    			<div class="radio Q1">
    				<label> <input type="radio">No.</label>
    			</div>
    		</div>
    	</div>
    </div>
    
    
    
    <div id="wall">
       <h3>You Qualify!</h3>
       <a href="http://url-if-older-tha-18.com">Continue</a>
    </div>

我想用纯 javascript 来做这件事，如果可能的话不使用 jquery

Answer 1

您可以通过更改其 href 属性来更改 anchor 标记的 URL:

<a id="link" href="http://google.com">link</a>

document.getElementById("link").href = "http://bing.com";

https://jsfiddle.net/gbsm0mhn/