Javascript 将事件列表器添加到复选框勾选的未勾选图像

有一个CRM网站不是由我建立的，因此我不能更改代码。 尽管他们为我们提供了一个称为WebApplet的选项，通过它我们可以编写HMLJavaScript等，从而修改代码。 现在我的问题是一个复选框

起初，我认为他们一定使用了HTML复选框字段，但似乎他们只是一个图像

我的要求：勾选复选框时，应使用是\否提示框提示用户。 页面上显示的代码段为：

检查支票簿时（这是网页上的路径）

取消选中该复选框时，这是网页上的路径

<td class="fv fvu" style="padding-left: 6px; cursor: default;" id="A0.R0.ZBool_1"><img src="../024.008.000/base/themes/contemporary/images/ckb_checked.gif" border="0"></td>

<td class="fv fvu" style="padding-left: 6px; cursor: default;" id="A0.R0.ZBool_1"><img src="../024.008.000/base/themes/contemporary/images/ckb_unchecked.gif" border="0"></td>

---

路径末尾的gif正在更改…我应该如何执行此操作…任何代码、示例甚至对我都会有很大帮助。

请尝试此选项：-

$(".fv").click(function(){
    // check whether this element has child with image
    var imageItem = $(this).find("img");
    if(imageItem) // for checking whether it has image children or not
    {
       var imgSrc = $(imageItem).attr("src");
       if(imgSrc && imgSrc == "../024.008.000/base/themes/contemporary/images/ckb_checked.gif")
       {
           alert("Yes/No");
           // play here
       }
    }
});

请试试这个

---

就我个人而言，我喜欢使用隐藏的复选框——它们对用户非常友好！

(function(){
    jQuery(function($){
        $('.fvu img').click(function(){
            var src = $(this).attr('src');
            var regexp = new RegExp("_checked.gif");

            if(regexp.test(src)){
                var answer = confirm_box();

                if(answer){
                    alert('You said :: Yes')
                }

                else{
                    alert('You said :: Nope')
                }
            }           
        })


    })

    function confirm_box(){
        return confirm("Are you sure you want to continue...");
    }
})(jQuery)