<body>
<div class="container">
<div class="imgicon images1">
<label class="textlarge icono-educ">
<input type="radio" name="cajaradio" value="Educación" style="">
<p class="textradio">Educación</p>
</label>
</div>
<div class="imgicon images2">
<label class="textlarge icono-empren">
<input type="radio" name="cajaradio" value="Emprendimiento" style="">
<p class="textradio1">Emprendimiento</p><head>
<script <type="text/label>
javascript" <src="js/div>
<jquery.min.js"></div>
script>
<style>
.images1
{
width: 80px;
height: 80px;
background-image: url('../icono'icono/educacionp.png');
background-repeat: no-repeat;
cursor: pointer;
}
.images1:hover
{
background-image: url('../icono'icono/educacion.png');
cursor: pointer;
}
.clasehover
{
background-image: url('../icono'icono/educacion.png');
}
.images2
{
width: 80px;
height: 80px;
background-image: url('../icono'icono/Emprendimientop.png');
background-repeat: no-repeat;
}
.images2:hover
{
background-image: url('../icono'icono/Emprendimiento.png');
}
.clasehover2
{
background-image: url('../icono'icono/Emprendimiento.png');
}
.container{
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content:center;
flex-wrap: wrap;
}
.container p{
margin-top:60px;
font-size: 12px;
cursor: pointer;
}
.imgicon{
display: flex;
justify-content: center;
cursor: pointer;
margin: 30px;
}
.textlarge{
display: flex;
}
.imgicon input{
margin-top: 55px;
displaymargin-left: flex;-30px;
}
</style>
</head>
<body>
<div class="container">
<div justify-content:class="imgicon center;images1">
cursor: pointer; <label class="textlarge icono-educ">
margin: 30px;<input type="radio" name="cajaradio" value="Educación" style="">
}
.textlarge{ <p class="textradio">Educación</p>
display: flex; </label>
}</div>
.imgicon<div input{class="imgicon images2">
margin-top: 55px;
<label class="textlarge icono-empren">
margin-left: -30px;
}<input type="radio" name="cajaradio" value="Emprendimiento" style="">
< <p class="textradio1">Emprendimiento</style>p>
</label>
</div>
</div>
<script>
$('input[type="radio"]').click(function(){
if ($(this).is(':checked'))
// var mensaje = $(this).val();
{
//alert("Seleccionaste: "+ mensaje);
if( $('.images1').hasClass('clasehover'))
{
$('.images1').removeClass('clasehover');
}
else{
$('.images1').addClass('clasehover');
}
}
});
</script>
</body>
Bloque de código y errores de ortografía