Estou fazendo um sistema de avaliação bem simples usando validação de formulário (sei q n é correto mas é apenas um estudo), e tem radios no html juntamente com label e img, n sei como fazer para que quando um radio for selecionado, o label(img) fique com display = none.
<div class="fomulario">
<form class="avlac">
<input type="radio" id="mtruim" name="av1" value="Muito Ruim">
<label for="mtruim"><img name="imgl" id="img1" src="img/mtruim.png"></label>
<input type="radio" id="ruim" name="av1" value="Ruim">
<label for="ruim"><img name="imgl" id="img2" src="img/ruim.png"></label>
<input type="radio" id="maisoumenos" name="av1" value="Mais ou Menos">
<label for="maisoumenos"><img name="imgl" id="img3" src="img/maismenos.png"></label>
<input type="radio" id="bom" name="av1" value="Bom">
<label for="bom"><img name="imgl" id="img4" src="img/bom.png"></label>
<input type="radio" id="mtbom" name="av1" value="Muito Bom">
<label for="mtbom"><img name="imgl" id="img5" src="img/mtbom.png"></label>
<input type="radio" id="otimo" name="av1" value="Otimo">
<label for="otimo"><img name="imgl" id="img6" src="img/otimo.png"></label>
<input type="button" name="envio" value="ENVIAR" onclick="enviar1()">
</form>
</div>