我有一个表单,我想在我第一次进入它时或者更确切地说是在页面加载时禁用它的所有内容。我想在单击按钮后启用它。我正在使用 html 和 angular。
<form name="form" id="form">
<input type="text">
</form>
<button type="button">Enable Form</button>
最佳答案
类型 1:只需将 disabled
放在每个 html 表单元素中即可禁用。
以及何时单击按钮启用它们。
function init(){
var formArray = document.getElementById("myform");
formArray.forEach(function(elements){
console.log(formArray.elements[0].value);
});
}
<body onload="init()">
<form id="myform" name="myform">
<input type="text" id="myText" value="123">
<input type="checkbox" id="check">
<input type="radio" id="radio">
<select disabled id="select"><option></option></select>
</form>
<button onclick="myFunction()" type="button">Enable Form</button>
<body>
类型 2:使用 Jquery
function myFunction(){
$("#form :input").prop("disabled", false);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form" name="form">
<input type="text" id="myText" disabled>
<input type="checkbox" id="check" disabled>
<input type="radio" id="radio" disabled>
<select disabled id="select"><option></option></select>
</form>
<button onclick="myFunction()" type="button">Enable Form</button>
关于javascript - 在页面加载时禁用表单并在按钮单击时启用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42618091/