可以用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>
实现二: