Question

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

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

第二个php文件的内容在第一个php文件中用ajax加载到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;
}

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

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

有人可以帮我吗？

Answer 1

你可以使用jquery轻松添加点击事件复选框并切换select类

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

此处为demo

Answer 2

实际上这有效：

    $(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");
            }
        });
    });
});

总而言之！

如何在选中任何复选框时更改img类？

2 个答案: