alterar o valor src de uma imagem com base no valor das opções em uma checkbox de seleção

Eu tenho uma tag img e uma checkbox de seleção

  Red Black White  

Preciso alterar o valor src da tag img com base no valor da checkbox de seleção.

Se eu selecionar a opção VERMELHA, o valor da opção Red (/static/imag1.jpg) deve preencher o src da imagem.

E também selecione o primeiro valor da opção como a imagem padrão.

 $(document).ready(function(){ $("#kitchen_color").change(function(){ $("img[name=image-swap]").attr("src",$(this).val()); }); }); 

Use o código acima.

usar uma function de mudança na sua lista de seleção

 $('#kitchen_color').change( function() { $("#imgid").attr("src","new src value"); }); 

Você pode definir o evento onchange para o select .

 

Javascript:

 function setImage(select){ var image = document.getElementsByName("image-swap")[0]; image.src = select.options[select.selectedIndex].value; } 

Exemplo ai

 try this   $(document).ready(function(){ $('.image-swap').attr("src",$('#kitchen_color').val()); }) function change_image(){ $('.image-swap').attr("src",$('#kitchen_color').val()); }