Onclick事件-使用id以外的东西调用按钮

onclick event - call a button using something other than id

本文关键字：调用 按钮 事件 使用 id Onclick      更新时间：2023-09-26

我试图在用户单击按钮时重新运行javascript块。该网站是在CMS中创建的，所以我没有访问按钮给它一个id。然而，在firebug中，我注意到它有这些值->

<input type="submit" value="Continue">

我可以通过使用'Continue'的值来调用这个吗?

仅供参考:按钮是用php编码的，我想重新运行以下

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
    $(window).load(function resizePole(){
    var ht=($('#LayoutColumn2').height() > $('#LayoutColumn3').height()) ?
    $('#LayoutColumn2').height() : $('#LayoutColumn3').height(); $('#lightPole').height(ht); }); </script>

，我正试图调用它:

onclick="return resizePole();"

哦，我对javascript几乎一无所知:)

链接到正在工作的页面-您可能必须创建一个客户帐户。输入一些胡言乱语，我可以稍后删除它

链接到网站

问题是什么:好的，让我解释一下应该发生什么。我创建了一个名为"灯杆"的div，这个div包含一个灯杆的背景图像，该背景图像是用javascript编码的，以匹配页面加载时"内容"div的高度。在checkout_express页面上，CMS系统的创建者创建了可展开和可折叠的div，用于指导用户完成结帐过程。在第三步"运输方法"中，用户单击"继续"按钮，展开"订单确认步骤"。这个div使得'content'div比初始加载时更长，但是灯柱的大小只是为了匹配内容的初始高度，而不是订单确认步骤的添加高度，所以它导致灯柱比实际需要的要短。

可以。

$('[type="submit"][value="Continue"]').click(function () {
{
    return resizePole();
});

编辑

正如评论中指出的那样，有一种更简洁的方法可以做到这一点。我通常出于习惯而使用上面的方法(这样可以更容易地为click事件添加未来的逻辑)。

$('[type="submit"][value="Continue"]').click(resizePole);

编辑2

要回答评论中的问题-是的，您也可以通过div ID进行过滤。这将附加到id为DivIdHere，值为Continue的div中所有提交按钮的点击事件。

$('#DivIdHere [type="submit"][value="Continue"]').click(resizePole);

编辑3

这有点脏，但在查看了更新后的需求之后，这应该可以解决问题。基本上，它将click事件添加到值为continue的页面上的最后一个提交按钮(根据您提供的链接，它似乎是shipping部分)。

$('[type="submit"][value="Continue"]:last').click(resizePole);
相关文章：