Javascript 当选中任何复选框时，如何更改img类？

在一个php文件中，我有一个类名为“notselected”的图像

我在其他php文件中有几个复选框

第二个php文件的内容使用ajax加载到第一个php文件的div中

如果单击/选中加载内容中的任何复选框，我想将图像类更改为“已选定”

我在第一个php文件中的代码：

<img id="image" src="empty.png" class="notselected" />

    .notselected {
        width: 340px;         
        height: 91px;   
        background: url(image.png) 0px 0px no-repeat;    
        cursor:not-allowed;
}

.selected {
        width: 340px;         
        height: 91px;   
        background: url(image.png) 0px -91px no-repeat;    
        cursor:pointer;
}

 foreach ($examples as $example)
{
echo '<input id="select" class="checkbox" type="checkbox" name="example" value="example" />';
}

.未选中{
宽度：340px；
高度：91px；
背景：url（image.png）0px 0px无重复；
光标：不允许；
}
.选定{
宽度：340px；
高度：91px；
背景：url（image.png）0px-91px不重复；
光标：指针；
}

我在第二个php文件中的代码：

<img id="image" src="empty.png" class="notselected" />

    .notselected {
        width: 340px;         
        height: 91px;   
        background: url(image.png) 0px 0px no-repeat;    
        cursor:not-allowed;
}

.selected {
        width: 340px;         
        height: 91px;   
        background: url(image.png) 0px -91px no-repeat;    
        cursor:pointer;
}

 foreach ($examples as $example)
{
echo '<input id="select" class="checkbox" type="checkbox" name="example" value="example" />';
}

foreach（$examples作为$example）
{
回声'；
}

---

有人能帮我吗？

你可以用jquery轻松地做到这一点，只需添加click event to复选框并切换

select

类

   $(".checkbox").change(function () {
      $("#image").toggleClass("selected");
    }); 

这里有一个

实际上是这样的：

    $(document).ready(function() 
{
    var rejestruj=0;    

    $(".checkbox").each(function(i, obj) {
        $(obj).change(function()
        {
            if ( $(obj).attr('checked') == true)
            {
                rejestruj++;
                $("#image").addClass("selected");
            }
            else
            {
                rejestruj--;
                if (!rejestruj) $("#image").removeClass("selected");
            }
        });
    });
});

---

谢谢大家

这应该发生在哪里，客户端（显示HTML）还是服务器端？客户端，这只是现在的页面布局。如果是客户端，为什么我们要看PHP，而不是HTML（客户端看到的）。。。是的：）我为您保存了很多php代码，并只粘贴了“echo”。当然，应该只考虑html。+1但要添加，最好使用“更改”而不是单击。这只适用于第一个复选框元素。。。我有更多的（foreach），它们中的任何一个都会触发img类更改。现在，每次单击“this“.checkbox”都会在notselected和selected之间切换，这不是我想要实现的。我需要它是“选定”如果有选择，并“未选定”如果他们都没有被选中