Question

我有一个项目，我需要在用户点击复选框后更改带有图像的复选框。任何人都可以帮我解决这个问题。

就目前而言，我只能在单击复选框后禁用复选框

 $('.cuttingCheckbox').change(function() {
         if (this.checked) {
           this.setAttribute("disabled", true);
            $.post("process_class.php",{
            headmark : this.getAttribute("data-headmark"), 
            headmark_id : this.getAttribute("data-id"),
            columnType : this.getAttribute("data-column")});
         }
       });

Answer 1

如果您想用图像替换复选框，可以使用replaceWith方法。

$(this).replaceWith('<img src="' + src + '"/>');

如果您从服务器获取src属性的值，则应缓存该元素并使用post请求的回调函数：

$('.cuttingCheckbox').change(function() {
     if (this.checked) {
        var _this = this;
        this.disabled = true;
        $.post("process_class.php",{
            headmark    : this.getAttribute("data-headmark"), 
            headmark_id : this.getAttribute("data-id"),
            columnType  : this.getAttribute("data-column")
        }, function(data) {
             $(_this).replaceWith('<img src="' + data.src + '"/>');
        });
     }
});

单击复选框后，使用图像更改复选框

1 个答案: