可以使用jQuery给文本输入框添加readonly属性，使其变为只读状态，不可编辑。
以下是具体的步骤：
1. 在HTML文件中添加文本输入框
在HTML文件中添加一个文本输入框，例如：
<input type="text" id="myInput" value="只读文本">
2. 引入jQuery库
在HTML文件中引入jQuery库，例如：
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
3. 使用jQuery设置文本输入框为只读状态
使用jQuery选择文本输入框，设置其readonly属性为true。例如：
$(document).ready(function(){
$('#myInput').attr('readonly', true);
});
或者使用prop方法设置readonly属性：
$(document).ready(function(){
$('#myInput').prop('readonly', true);
});
示例1：在页面加载时使文本框不可编辑
<!DOCTYPE html>
<html>
<head>
<title>示例1：使文本框不可编辑</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#myInput').prop('readonly', true);
});
</script>
</head>
<body>
<input type="text" id="myInput" value="只读文本">
</body>
</html>
示例2：在按钮点击时使文本框不可编辑
<!DOCTYPE html>
<html>
<head>
<title>示例2：在按钮点击时使文本框不可编辑</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#btnDisable').click(function(){
$('#myInput').prop('readonly', true);
});
});
</script>
</head>
<body>
<input type="text" id="myInput" value="只读文本">
<button id="btnDisable">禁止编辑</button>
</body>
</html>
在示例2中，当点击“禁止编辑”按钮时，文本输入框将变为只读状态。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：如何用jQuery使一个文本输入不可编辑 - Python技术站
微信扫一扫 
支付宝扫一扫 