如果选中或取消选中页面上的任何复选框，更改图像？

Question

我的页面上有很多带有不同ID的复选框。

我想在每次选中或取消选中任何复选框时更改图片...

请告诉我该怎么做..

Answer 1

基本代码如下所示。将onchange事件绑定到每个input[type=checkbox]。

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

Pure 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*/ }或在文档末尾添加代码。