javascript - 点击10次后如何禁用输入属性?

标签 javascript input disabled-input

我试图删除文本框的样式或背景,以在单击 10 次后显示内容。我怎样才能在 JavaScript 上做到这一点?

这是我的 html:

<input id="firstN" type="text" style="color:#FF0000; background-color:#FF0000">

这是我的 JS:

 function check() {

    var tries++;

    if (tries == 10){
        document.getElementById('firstN').disabled= true;
    }
}

最佳答案

问题是 tries 是一个局部变量(对于 check 函数来说是局部的)。每次调用 check 时,都会创建一个名为 tries 的新变量并初始化为 0。

试试这个:

var tries = 0;
function check() {
  tries++;
  if (tries == 10) {
    document.getElementById('firstN').style.background = '#ffffff';
  }
}

(我假设您已经有一些代码可以在单击元素时调用 check。如果没有,您需要向元素添加 click handler。)

关于javascript - 点击10次后如何禁用输入属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13898720/

相关文章:

java - vaadin 表单 float 字段

javascript - 如何防止输入被禁用?

Java:需要在 GUI 中获取输入行,仅在控制台中有效

javascript - 我如何使用 jQuery 禁用表单的提交按钮,直到每个必填字段都已填写?

Javascript/jQuery 按类名禁用按钮

javascript - Node.js 为 heroku 构建 json api

javascript - VueJS : autoload component based on tag's prefix

javascript - 如何将类动画限制为单击的元素及其内容

javascript - 如何搜索 Javascript 数组,并返回数组中以 X 开头的所有字符串

javascript - jquery 一堆输入值乘以动态(另一个输入)