Question

现在我有这个复选框，可以启用/禁用我的表单的提交按钮。

我只是拥有启用/禁用它的代码

onclick="if(this.checked){this.form.submit_btn.disabled=false}else{this.form.submit_btn.disabled=true};this.blur();"

现在我只是想知道如何制作它，以便在禁用它时点击按钮，让它通过某个消息提醒他们。

所以在按钮上添加一个onclick事件，让它像

if(this.disabled=true){alert('Button disabled!');}

或类似的东西？我对所有onclick的东西都很陌生。

由于

Answer 1

不知道它的价值，但在jQuery中它会像：

// Not tested!    
$(document).ready(function(){
  $('#myButton').click(function(){
     if($(this).is(':disabled')) { 
         alert('No need to click, it\'s disabled.');
     } 
  });
});

虽然看不到这一点。为什么在按钮已被禁用（并且浏览器正在显示）时，为什么要打扰某人留言？

Answer 2

你无论如何都不能直接。当一个按钮被禁用时，它被禁用，这意味着它也不会触发任何事件。

现在..那说，如果你绝对必须，你可以绕过它。

基本上，你可以通过使用2个div和一个按钮来使它工作：

    <div>
      <div id="overlay" style="display:hidden; z-order:99999">&nbsp;</div>
      <button id="mybtn">My Button to click</button>
    </div>

您将叠加div的背景颜色设置为透明，当您禁用该按钮时，取消隐藏叠加div。

因为div是透明的，所以你应该看到按钮没有变化，但是点击它会导致透视div首先获得点击。

然后，您可以将您的点击处理程序附加到overlay div，结果是您可以通过单击禁用按钮来触发显示（但不是真的）弹出的消息。

Answer 3

相反，您可以使用灰度方法更改图像样式。

img {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

检查按钮是否已禁用，然后提醒HTML Onclick

3 个答案: