博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
多个相同name的文本输入框,输入其中一个后,使剩下的不能输入值
阅读量:5836 次
发布时间:2019-06-18

本文共 1760 字,大约阅读时间需要 5 分钟。

可以用blur或keyup事件响应;

实现一:

<body>

<input type="text" id="AfterOtOt1" name="inputovertime" οnkeyup="javascript:check(this);" />

<input type="text" id="AfterOtOt2" name="inputovertime" οnkeyup="javascript:check(this);"/>

<input type="text" id="AfterOtOt3" name="inputovertime" οnkeyup="javascript:check(this);" value="123"/>

<input type="text" id="AfterOtOt4" />

</body>

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>

 <script type="text/javascript">

 

$(function() {		$("input[name=inputovertime]").each(function(index, content) {			if ($(content).val() == "" || $(content).val() == null) {				$(content).attr("disabled", "disabled"); //不可编辑			}		})	})

 

         function check(obj){

                                   if($(obj).val()!=""){

                                            $("input[name=inputovertime]").each(function (index, content) {

                                            if(obj!=content){   //如果name=inputovertime的input元素中不是当前已输入值的对象

                                                    $(content).attr("disabled", "disabled");   //不可编辑

                                            }

                                   })

                                   }else{

                                            $("input[name=inputovertime]").each(function (index, content) {  

                                                    $(content).removeAttr("disabled"); //初始化未输入时可编辑

                                   })

                                   }

         }

 </script>

 

 

实现二:

 
 
        $(function () { $("input[name=inputovertime]").each(function(index,content){ if($(content).val()==""||$(content).val()==null){ $(content).attr("disabled", "disabled");   //不可编辑 } })             $("input[name=inputovertime]").keyup(function () {                if ($(this).val().length > 0) {                    $(this).siblings("input[name=inputovertime]").attr('disabled', "disabled");//将除当前name=inputovertime输入值外的name为未输入值的input元素设置为disabled;                }                else {                    $(this).siblings("input[name=inputovertime]").removeAttr('disabled');   // 将除当前name=inputovertime的未输入值的name=inputovertime的input元素设置为可编辑;                }            })        })     

转载地址:http://qwjcx.baihongyu.com/

你可能感兴趣的文章
自己遇到的,曾未知道的知识点
查看>>
P1382 楼房 set用法小结
查看>>
分类器性能度量
查看>>
windows 环境下切换 python2 与 pythone3 以及常用命令
查看>>
docker 基础
查看>>
解决灾难恢复后域共享目录SYSVOL与NELOGON共享丢失
查看>>
写一个bat文件,删除文件名符合特定规则,且更改日期在某
查看>>
我的友情链接
查看>>
写Use Case的一种方式,从oracle的tutorial抄来的
查看>>
【C#】protected 变量类型
查看>>
Ubuntu解压
查看>>
爬虫_房多多(设置随机数反爬)
查看>>
藏地密码
查看>>
爬虫去重(只是讲了去重的策略,没有具体讲实现过程,反正就是云里雾里)...
查看>>
react中将px转化为rem或者vw
查看>>
8816
查看>>
avcodec_open2()分析
查看>>
何如获取单选框中某一个选中的值
查看>>
paip.输入法编程----删除双字词简拼
查看>>
tcp状态
查看>>