多个相同name的文本输入框，输入其中一个后，使剩下的不能输入值
可以用blur或keyup事件响应；
实现一：
<body>
<input type="text" id="AfterOtOt1" name="inputovertime" onkeyup="javascript:check(this);" />
<input type="text" id="AfterOtOt2" name="inputovertime" onkeyup="javascript:check(this);"/>
<input type="text" id="AfterOtOt3" name="inputovertime" onkeyup="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>
实现二：
<body>
<input type="text" id="AfterOtOt1" name="inputovertime"/>
<input type="text" id="AfterOtOt2" name="inputovertime"/>
<input type="text" id="AfterOtOt3" name="inputovertime" 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"); //不可编辑
}
})
$("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元素设置为可编辑;
}
})
})
</script>
多个相同name的文本输入框，输入其中一个后，使剩下的不能输入值的更多相关文章
- 解决Vue中文本输入框v-model双向绑定后数据不显示的问题
前言 项目中遇到一个问题就是在Vue中双向绑定对象属性时,手动赋值属性后输入框的数据不实时更新的问题. <FormItem label="地址" prop="eve ...
- 文本输入框input将输入转换为统一大小写
转载地址:http://blog.csdn.net/yieryi_/article/details/52078596 文本输入框input将输入转换为统一大小写,通常有两种方法:JS和CSS方法. 1 ...
- html禁止文本输入框记录输入记录，单击input出现输入过的记录
其实方法很简单,只需要在input文本输入框中加一条autocomplete="off"属性即可. <input type="text" name=&qu ...
- Qt自定义文本输入框实现支持输入度分秒和度两种格式(简易无限制输入)
1.自定义文本输入框 #ifndef MYLINEEDIT_H #define MYLINEEDIT_H #include <QLineEdit> #include "ui_my ...
- Text input(文本输入框)
Text input(文本输入框)是用来获得用户输入的绝佳方式. 你可以用如下方法创建: <input type="text"> 注意,input元素是自关闭的.
- JS 文本输入框放大镜效果
JS 文本输入框放大镜效果 今天下午研究了下 "文本输入框放大镜效果" 当然KISSY官网也有这种组件 请看kissy demo 其实这种效果 对于很多童鞋来说 应该并不陌生!我今 ...
- HTML中<input>參数，以及文本输入框，文本域的解说
<form> <input type="text/password" name="名称" value="文本" /> ...
- Python实现使用tkinter弹出输入框输入数字, 具有确定输入和清除功能
Python3.6中用tkinter, 弹出可以输入数字的输入框. # Copyright (c) 2017-7-21 ZhengPeng All rights reserved. def pop_u ...
- 实时监听文本框输入 oninput、onchange与onpropertychange事件的用法和区别
前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数.过去一般都使用onchange/onkeyup/onkeypress/onke ...
随机推荐
- C++ 数组长度 以及 数组名作为参数传递给函数 以及 为什么不在子函数中求数组长度
在看排序,首先是插入排序,思路理清后想用代码实现,然后问题来了: 如何求数组长度? 如果没记错,在Java中应该是有直接可用的方法的, Python中(序列)也有.len,在C/C++中,字符串倒是有 ...
- Centos7 搭建hadoop2.6 HA
用户配置: User :root Password:toor 2.创建新用户 student Pwd: student 3．安装virtualbox的增强工具软件 4.系统默认安装的是openjdk ...
- 聚合数据天气预报API-ajax 通过城市名取数据
如需要,可申请聚合数据天气预报API:https://www.juhe.cn/docs/api/id/39,并生成AppKey. 接口地址:http://v.juhe.cn/weather/index ...
- TestNG之执行测试类方式
TestNG提供了很多执行方式,下面做简单介绍. 1.XML指明测试类,按照类名执行,其中可以指定包名,也可指定无包名: 带包名,运行ParameterSample类和ParameterTest类 & ...
- 边工作边刷题：70天一遍leetcode: day 78
Graph Valid Tree 要点:本身题不难,关键是这题涉及几道关联题目,要清楚之间的差别和关联才能解类似题:isTree就比isCycle多了检查连通性,所以这一系列题从结构上分以下三部分 g ...
- FZU1894 志愿者选拔 --单调队列
做法:维护一个单调递减序列,只需输出序列中的第一个元素即可. 对于命令我们可以进行不同的处理: 如果是Q命令,则判断当前队列中是否仍有元素,如果没有则输出-1,如果有则直接输出队首. 如果是G命令,则 ...
- Android开发环境搭建（转）
转载:http://www.cnblogs.com/zoupeiyang/p/4034517.html#1 引言 在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想 ...
- unity3d Aniso Level 摄像机近地面清楚，远地面模糊
设置方法 选中贴图 在属性面板,拖动Aniso Level的值从0~9改变,值越大贴图越清晰,但是消耗也变大,文档说会造成显卡消耗,一般只用在地面上,其他地方没必要 遇到的问题 但是打包到Ipod上面 ...
- Linux ncurses编写 FlapyBird 第一步
/* * flapybird.h * * Created on: 2016年9月15日 * Author: jon */ #include <curses.h> #include < ...
- JS判断数据是否是JSON类型
var isJson = function(obj){ var isjson = typeof(obj) == "object" && Object.pro ...