Javascript 当Div位于表单中时，Div click事件

当一个按钮（实际上是一个输入类型=图像对象）被禁用时，我很难显示警报，因为用户应该首先单击一个术语复选框。 这是我的jQuery代码：

$('#divButton').on("click", function() {
    if ($('#buybutton').prop('disabled', true)) {
        alert('Please confirm . . .');
    }
});

这是HTML代码：

    <form>
      ...
        <div id="divButton">
            <input type="image" id="buybutton"...

        </div>
    </form>

---

看起来该div中的onClick事件将被禁用

最好的方法是Pat Dobson的配方，与我尝试的方法不完全相同，但可以起作用：

---

谢谢你们的帮助，伙计们；-）

最好的方法是Pat Dobson的配方，与我尝试的方法不完全相同，但可以起作用：

---

谢谢你们的帮助，伙计们；-）

if（$（'#buybutton'）.prop（'disabled'，true））

即将disabled设置为true，并确保jQuery对象是truthy。。。。它不检查是否禁用，因此不确定您如何单击禁用的按钮。。。。。事件不会从按钮中冒泡出来。您最好使用

在

CSS

中的

.buyButton

将按钮的背景设置为您想要的任何“购买”图像。从那里，您可以创建一个

函数buyEvent（）{}

并执行任何您想要的逻辑操作？为什么首先要将图像按钮包装在一个div中？点击一个被禁用的按钮不会触发点击事件，所以看起来你让它变得比需要的更复杂：@EGC

input type=“image”

正是为OP使用它的用例创建的；即，具有按钮语义的图像。您可以将

onclick=“buyEvent（）”

添加到

input type=“image”

中，其工作原理与将相同内容添加到

input type=“button”

中的if（$（'#buybutton'）.prop（'disabled'，true'）表示将disabled设置为true，并确保jQuery对象为true。。。。它不检查是否禁用，因此不确定您如何单击禁用的按钮。。。。。事件不会从按钮中冒泡出来。您最好使用

在

CSS

中的

.buyButton

将按钮的背景设置为您想要的任何“购买”图像。从那里，您可以创建一个

函数buyEvent（）{}

并执行任何您想要的逻辑操作？为什么首先要将图像按钮包装在一个div中？点击一个被禁用的按钮不会触发点击事件，所以看起来你让它变得比需要的更复杂：@EGC

input type=“image”

正是为OP使用它的用例创建的；即，具有按钮语义的图像。您可以将

onclick=“buyEvent（）”

添加到

input type=“image”

中，其工作原理与将其添加到

input type=“button”

中相同。

if ($('#buybutton').prop('disabled', true)).