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

最新推荐文章于 2024-08-01 14:56:00 发布

置顶空谷有来人

最新推荐文章于 2024-08-01 14:56:00 发布

阅读量8.7k

点赞数

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

本文链接：https://blog.csdn.net/weixin_41377877/article/details/80606785

版权

前端同时被 3 个专栏收录

48 篇文章 0 订阅

订阅专栏

30 篇文章 0 订阅

订阅专栏

9 篇文章 0 订阅

订阅专栏

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

$(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);