Question

我有一个HTML代码及其。

<input type="submit" class="sub" /><div class="img"></div>

现在CSS代码是

.img {backgound：url（image.png）;身高：10px;宽度：10px;}

img类位置（位于）提交。现在，当我尝试单击提交（img类已经结束）。因为img类没有点击它。

现在我想让div类可见，但同时当我点击提交时它不会阻塞。

我不想使用后台进行提交，因为我已经在提交时使用了另一张图片。

我希望你理解我。

对不起我的英语......

谢谢，

Answer 1

假设你的代码看起来像

<form id="myform" action="myaction.php">
...
<input type="submit" class="sub" /><div class="img"></div>
...
</form>

Jquery的：

$('#myform .img').click(function(){
   $('#myform').trigger('submit');
})

Answer 2

尝试：

$('.img').click(function(){$(this.parentNode).click();});

Answer 3

    $('.img').click(function() {
        $(this).prev('input.sub:submit').trigger('click');
    }); 

    // click event for submit

    $('input.sub:submit').click(function() { 

        // here goes you submit actions

        alert('submit');
    });

Answer 4

所以你想要的是在提交之上添加一个img，并使其成为当你点击那个img时，表单仍然被提交？如果是这样，那么你最好使用JavaScript。以下是jQuery的样子：

$('.img').click(function() {
        $('.img').siblings('[type=submit]').click();
});

这使得当您单击图像时，它就像您单击提交按钮一样。

在这方面，必须有一个更好的方法来做到这一点（即没有JavaScript和额外的div），但由于我对你的问题了解不多，我想不出任何事情。

Answer 5

如果您的按钮上已有背景图片，并且你想要当你按下上面的div时 - 按钮也会被按下你需要这样做：

你放的div元素上的

：

onclick='simulateButtonPress();'

和js：（通过Jquery）

function simulateButtonPress()
{
    $("#btnId").trigger('click');
}

Answer 6

$('.img').click(function() {
    return true;
});

如何制作一个可见的<div>而不是阻挡</div>

6 个答案: