Chromeのリンクとして使用されるラジオボタンをクリックしますか？

Question

私は仕事のためにウェブサイト上で作業しており、ラジオボタンの2つのオプションがあります。私は<a>タグをラッパーとして使用してテキストとラジオボタンを使用して、そのWebサイトの特定のWebページにユーザーを送りました。 Firefoxでは、ラジオボタンとテキストが完全にうまく機能します。ただし、Chromeではテキストがリンクとして正常に機能します。一方、ラジオボタンは機能しません。ページが更新され、何も起こりません。私はさらに、今のところ成功していないそれらのページの1つにそれを指示するので、提出を追加することを決めた。私は下のウェブサイトのコードにできるだけ近いコードを複製しようとしました。

https://jsfiddle.net/hLph4at4/1/

<form name="frmSite" style="float: left; margin-top: 5px;"> 
    <a class="loginPg_choices" href="www.youtube.com"> 
    <input type="radio" name="site" value="1" id="radio_btn_1" style="float: left; clear: both;" /> 
    <span style="float: left; margin: -2px 0 0 5px;">Take me to youtube.</span> 
    <br/> 
    </a> 
    <a class="loginPg_choices" href="www.google.com"> 
    <input type="radio" name="site" value="1" id="radio_btn_1" style="float: left; clear: both;" /> 
    <span style="float: left; margin: -2px 0 0 5px;">Take me to google.</span> 
    <br/> 
    </a> 
    <a href="#" type="submit" value="Submit" title="Login" style="float: right; clear: both;"> 
    Submit 
    </a> 
</form> 

Answer 1

あなたは、例えば、あなたのタグにonclickの属性を追加することができます

onclick="window.location.href = 'https://youtube.com'"あるいは、更新フィドルとして：また、ラジオボタンを含む（伝播が停止されない限り）常に呼び出されるhttps://jsfiddle.net/hLph4at4/7/

、。