javascript - 使用jquery删除循环内输入标签的禁用属性
问题描述
我试图使用循环和输入的 id 作为查询选择器一一删除输入的禁用属性,但它没有按预期工作。我在没有循环的情况下设法做到了,但是我必须为此编写 3 个不同的代码。请帮忙。谢谢。编辑:keyup 事件将在下一个输入字段上切换禁用属性。例如,如果第一个输入不为空,则第二个输入字段的禁用属性将被删除。当第一个输入为空时,第二个输入将再次被禁用。这适用于第三和第四输入字段。
var inputs = $('input');
for (var i = 0; i < inputs.length; i++) {
console.log('#'+inputs[i].id); // print id1, id2, id3, id4
console.log('#'+inputs[i+1].id); // print id2, id3, id4
var x = '#'+inputs[i].id;
var y = '#'+inputs[i+1].id;
$(x).keyup(function() {
if ($(x).val() != '') {
$(y).attr( "disabled", false );
} else {
$(y).attr("disabled", true);
}
})
}
// what I want my code to be like but in loops
$("#id1").keyup(function() {
if ($("#id1").val() != '') {
$("#id2").attr( "disabled", false );
} else {
$("#id2").attr("disabled", true);
}
})
$("#id2").keyup(function() {
if ($("#id2").val() != '') {
$("#id3").attr( "disabled", false );
} else {
$("#id3").attr("disabled", true);
}
})
$("#id3").keyup(function() {
if ($("#id3").val() != '') {
$("#id4").attr( "disabled", false );
} else {
$("#id4").attr("disabled", true);
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="id1">
<input type="text" id="id2" disabled>
<input type="text" id="id3" disabled>
<input type="text" id="id4" disabled>
解决方案
这是你想要执行的吗?
$('input').keyup(function() {
$(this).next('input').attr('disabled', false);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="id1">
<input type="text" id="id2" disabled>
<input type="text" id="id3" disabled>
<input type="text" id="id4" disabled>
如果是这样,您不需要使用 jQuery 进行循环。
推荐阅读
- c# - 如何在没有内存泄漏的情况下重复播放音频文件?
- javascript - 循环对象数组并在 HTML/DOM 中显示的最佳方法?
- sql - Oracle COPY 命令在某些情况下将 NULL 写入列值,而不是实际值
- typescript - 为什么在 TypeScript 中使用 Partial 映射类型时,类型保护的行为会有所不同
- php - League\Csv 读取而不过滤空行/行
- python - Matplotlib:将一组散点图数据放在前面
- linux - Linux 猫命令
- c++ - 为什么我可以将值高于 127 的 int 传递给 char 数组,但不能直接传递?
- php - SQL 查询在表中显示时丢失数据
- android - 类型不匹配:推断类型是 FragmentActivity?但上下文是预期的