ページ上のチェックボックスがオンまたはオフの場合、画像を変更しますか？

Question

私はページ上に異なるIDを持つ多くのチェックボックスを持っています。

私は任意のチェックボックスがオンまたはオフされたときの映像毎回を変更したい...

してください、それを行う方法を教えて...

Answer 1

基本的なコードを以下に示します。各input[type=checkbox]にonchangeイベントをバインドします。

$(':checkbox').change(function(){ 
    $('#imgid').attr('src', 'newimg.png'); 
}) 

ピュアJavaScriptを：

var inputs = document.getElementsByTagName("input"); 
for(var i=inputs.length-1; i>=0; i--){ //Loop through each input element in the page 
    var input = inputs[i]; 
    if(input.type == "checkbox"){ 
     input.onchange = function(){ //Bind `change` event handler 
      document.getElementById("imgId").src = "newimg.png"; 
     } 
    } 
} 

注：以前に示されているコードスニペットは、ドキュメントがロードされたときに呼び出される必要があります。 window.onload = function(){ /*Code here*/ }を使用するか、ドキュメントの末尾にコードを追加します。