点击用作Chrome中链接的单选按钮?

时间:2017-03-29 18:19:24

标签: html css google-chrome radio-button

我正在网站上工作,并有两个单选按钮选项。我使用<a>标签作为文本和单选按钮的包装,将用户发送到该网站的特定网页。单选按钮和文本在Firefox上完美运行。但是,在Chrome上,文字可以正常链接。另一方面,单选按钮不起作用。该页面只是刷新,没有任何反应。我甚至决定添加一个提交,因此它会将其指向其中一个页面,但目前没有成功。我试图尽可能地将代码复制到下面网站的代码中。

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>

1 个答案:

答案 0 :(得分:0)

您可以为标记添加onclick属性,例如Unit height = txtTextBox.Height; double oldHeight = height.Value; double newHeight = height.Value + 20; //Added 20 pixels Unit newHeightUnit = new Unit(newHeight); txtTextBox.Height = newHeightUnit;

或者,作为更新的小提琴:https://jsfiddle.net/hLph4at4/7/

将始终调用它(除非传播停止),其中还包括单选按钮。

相关问题