js控制输入框禁止输入和允许输入

最新推荐文章于 2024-01-30 17:13:00 发布

置顶空谷有来人

最新推荐文章于 2024-01-30 17:13:00 发布

阅读量8.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： it 前端 js input 文章标签： js 输入框

本文链接：https://blog.youkuaiyun.com/weixin_41377877/article/details/80606785

前端同时被 3 个专栏收录

48 篇文章

订阅专栏

30 篇文章

订阅专栏

9 篇文章

订阅专栏

本文介绍使用JavaScript来控制网页表单中输入框的状态，包括禁用和启用多个输入框的功能。通过监听特定按钮的点击事件及鼠标移出事件实现交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始，部分输入框禁止输入：

$(document).ready(function(){
$("#fundCode").prop("disabled",true);
$("#convertFundCode").prop("disabled",true);
$("#allowtradeVol").prop("disabled",true);
$("#appVol").prop("disabled",true);
$("#passwd").prop("disabled",true);
$("#confirmBtn").prop("disabled",true);
if($("#custType2").val() == null || $("#custType2").val() == ""){
$("#selectBtn").prop("disabled", true);
}

});

当点击按钮之后，鼠标移出按钮，部分输入框允许输入，并且另一部分禁止输入：

$("#selectBtn").click(function(){

$("#selectBtn").mousemove(function(){

$("#appVol").prop("disabled", false);
$("#fundCode").prop("disabled", false);
$("#adviserCode").prop("disabled", false);
$("#convertFundCode").prop("disabled", false);
$("#passwd").prop("disabled", false);

$("#selectBtn").prop("disabled", true);
$("#riskLevel").prop("disabled", true);
$("#financeAcc").prop("disabled", true);
$("#custType").prop("disabled", true);

$("#accNo").prop("disabled", true);

}
});