<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
<style>
*{
margin:0;
padding:0;
outline: 0;
}
img{
display: block;
margin: 50px;
cursor: pointer;
}
input{
margin-left: 100px;
}
</style>
</head>
<body>
<img src="http://teonote.ru/wp-content/uploads/sueta-poglotila.jpg" width="500" height="300" alt="">
<input type="radio" checked>
<img src="http://www.holylife.info/sites/default/files/cуета%20сует_0.jpg" width="500" height="300" alt="">
<input type="radio">
<script>
var inputs = document.querySelectorAll('input[type="radio"]');
var images = document.querySelectorAll('img');
images[0].onclick = function(){
inputs[0].checked = true;
inputs[1].checked = false;
}
images[1].onclick = function(){
inputs[0].checked = false;
inputs[1].checked = true;
}
</script>
</body>
</html>