js控制input不可点击，js设置input框不可编辑

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

如何设置表单的input文本框不可编辑

1、我们可以通过为表单字段（input文本框，标签，复选框，文本区域）设置以下方法来实现表单的不可编辑功能。

2、打开html开发工具，在新建的html代码页面上创建一个input文本框在input文本框上添加readonly=readonly属性，代码：input type=text value=设置只读 readonly=readonly/ 保存html代码页面，然后使用浏览器打开，会发现input文本框无法输入内容，表示设置只读模式成功了。

3、方法一：设置readonly属性为true。Html代码 input type=text value=readonly readonly input type=text value=readonly readonly 方法二：设置disabled属性为true。

4、将readonly =“readonly”属性添加到文本框中，并将输入设置为只读。之后在浏览器中预览，您可以看到文本框不可编辑。还可以在文本框中输入disabled =“disabled”属性，将输入设置为未使用状态。在浏览器中预览，你可以看到鼠标滑过文本框，出现一个红色圆框，显示不可用。

5、一般有2种方法使input文本框不可编辑：disabled 属性规定应该禁用 input 元素被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。

js设置下拉框不可编辑

easyui需要的js和css。然后我们根据图示代码在中插入div和select。启动Tomcat服务器，在浏览器中查看页面，可以看到此时下拉框只能选择而不能编辑。现在，就要实现下拉框不可编辑的功能，要保证有修改权限的人可以修改，没有修改权限的人只能有查看，设置其不能编辑。

设置select只读不可编辑且select的值可传递方法：这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，它不会鸟你，选了和没有选一样一样的。就是无视客户的选择。设置disabled属性这个看起来更直接，直观就是有只读的感觉，也不可以点击和下拉了。

应该没有直接的方法，像文本的可以直接设置，但是下拉框没有直接设置的属性。在这里给你提几个思路，是我以前用到的。你可以用js控制，当选择为通过时，把这个下拉框隐藏掉，再添加一个文本框，然后设为只读。简单说就是变身一下。

如何用jquery和原生js控制提交按钮禁用

1、控制按钮为禁用： (#btn).attr({disabled：disabled})；解释：disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。

2、希望按钮不可以用，可以直接修改这个按钮的disabled属性就可以了。

3、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的标签，输入jquery代码：(button).click(function () {$(this).attr(disabled， true)；})；浏览器运行index.html页面，此时显示出一个按钮。点击按钮后，按钮被禁用，无法再次点击。

4、之后的jquery请使用prop来操作checked 和selected 以及disable属性。

5、首先新建html页面，设置一个button按钮。然后拷贝一张图片，编辑CSS代码。引入JQ的类库，并引入之前编辑的CSS样式。编辑js代码，之后运行即可。代码目录结构如下。最终效果如下图所示，就完成了。

6、jquery控制按钮的禁用与启用控制按钮为禁用：1 $(#button).attr(disabled，true)；添加disabled属性 2 $(#button).removeAttr(disabled)；移除disabled属性 live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。