addEventListener를 사용하여 입력 형식 라디오 열기

Question

입력 양식 radio을 사용하는 탭 형식이며 클릭시 특정 탭을 여는 데 addEventListener을 사용하려고합니다.

document.getElementById("job_location").addEventListener("click", function() { 
 
    document.getElementById("tab1").checked = true; 
 
});

<a id="job_location" href="#map"><b><span class = "glyphicon glyphicon-map-marker"/>Location</b></a> 
 

 
<input id="tab1" type="radio" name="tabs" /> 
 
<label for="tab1">My Location</label> 
 

 
<task-section id="content1"> 
 
    <iframe style="width: 600; height:450;" src="https://www.google.com/> 
 
    </iframe> 
 
</task-section> \t

아이디어는 누군가가 ID를 job_location와 링크를 클릭 할 때, ID tab1와 탭이 content1에 정보를 공개, 클릭 할 것입니다

.

누군가 내 자바 스크립트에 어떤 문제가 있다고 말할 수 있습니까?

Answer 1

당신은 폐쇄 "

그리고 당신의 코드가 작동하게 생략 한 www.google.com

src="https://www.google.com/ 후 뭔가 ... 따옴표를 놓치고,이

HTML 시도

<a id="job_location" href = "#map"><b><span class = "glyphicon glyphicon-map-marker"/>Location</b></a> 

<div id="tabs"> 
<input id="tab1" type="radio" name="tabs"/> 
    <label for="tab1">My Location</label> 

</div> 

<task-section id="content1"> 
    <iframe style= "width: 600; height:450;" src="https://www.google.com/"> 
</iframe> 
</task-section> 

자바 스크립트

,845,

#tabs, #content1{ 
    display: none; 
} 

당신의 코드에

Check it out on JSfiddle