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内の情報を明らかにし、クリックされることです。

JavaScriptで何が問題なのか教えていただけますか？

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> 

はJavaScript

あなたのコード内

CSS

#tabs, #content1{ 
    display: none; 
} 

Check it out on JSfiddle