我有一个表单,当我第一次进入页面时,或者在页面加载时,我想禁用它。我想在点击按钮后启用它。我使用HTML和角度。在页面加载时禁用表单并在按钮单击时启用
<form name="form" id="form">
<input type="text">
</form>
<button type="button">Enable Form</button>
我有一个表单,当我第一次进入页面时,或者在页面加载时,我想禁用它。我想在点击按钮后启用它。我使用HTML和角度。在页面加载时禁用表单并在按钮单击时启用
<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>
这是你在找什么? https://jsfiddle.net/jyzx82ws/1/
<form name="myForm" id="myForm">
<input type="text" />
<br><br>
<select name="s1">
<option value="">Select</option>
<option value="a">A</option>
<option value="b">B</option>
</select>
<br><br>
<input type="radio" name="radio" value="yes">Yes
<input type="radio" name="radio" value="no">No
使窗体
function disableForm(){
var form = document.getElementById("myForm");
var elements = form.elements;
for (var i = 0, len = elements.length; i < len; ++i) {
elements[i].disabled = true;
}
}
disableForm();
document.getElementById("enbleForm").addEventListener("click", enableFrm);
function enableFrm(){
var form = document.getElementById("myForm");
var elements = form.elements;
for (var i = 0, len = elements.length; i < len; ++i) {
elements[i].disabled = false;
}
}
执行以下操作
<form name="form" id="form" style='display:none'>
......
</form
<button type="button" onclick="show()">Enable Form</button>
<script>
function show()
{
document.getElementById('form').style.display="block";
}
</script>
你可以提供一个[最小,完整,可验证的示例](HTTP://计算器。 COM /帮助/ MCVE)。 –
你的意思是你想禁用所有的内容? –
@AravindhGopi是的,然后我点击一个按钮后,它会启用 – bleykFaust