Открытие типа ввода радио с использованием 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

Идея заключается в том, что, когда кто-то нажимает на ссылку с идентификатором job_location, вкладка с идентификатором 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

document.getElementById("job_location").addEventListener("click", function(){ 
    document.getElementById("tabs").style.display = "block"; 
    document.getElementById("content1").style.display = "block"; 
    document.getElementById("tab1").checked = true; 
    }); 

CSS

#tabs, #content1{ 
    display: none; 
} 

Check it out on JSfiddle