如何使用 jQuery 禁用表单内的所有输入控件
答案：使用jQuery prop()方法
您可以将 jQuery prop() 方法与 :input 选择器结合使用，以使用 jQuery 动态禁用 HTML 表单 中的所有 <input>, <textarea>, <select> 和 <button> 元素。 prop() 方法需要 jQuery 1.6 及更高版本。
让我们看一个例子来了解这个方法的基本工作原理：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Disable All Form Elements</title>
<style>
label {
display: block;
margin-bottom: 5px;
}
label, input, textarea, select {
margin-bottom: 10px;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("#myForm :input").prop("disabled", true);
});
</script>
</head>
<body>
<form id="myForm">
<label>Name:</label>
<input type="text">
<label>Address:</label>
<textarea></textarea>
<label>Country:</label>
<select>
<option>select</option>
</select>
<br>
<button type="button">Submit</button>
<button type="button">Reset</button>
</form>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements