2017-03-29 1 views
1

저는 웹 사이트에서 일하고 있으며 두 가지 라디오 버튼 옵션이 있습니다. 나는 <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

시도해주세요. http://stackoverflow.com/questions/22568679/make-radio-button-clickable-link – b2ok

답변

0

당신은 태그, 예를 들어,에 온 클릭 속성을 추가 할 수 있습니다

onclick="window.location.href = 'https://youtube.com'" 또는 업데이트 된 바이올린 등 : 또한 라디오 버튼을 포함 (전파가 중지되지 않는 한) 항상 호출됩니다 https://jsfiddle.net/hLph4at4/7/

.

관련 문제