我有一個表單,當我第一次進入頁面時,或者在頁面加載時,我想禁用它。我想在點擊按鈕後啓用它。我使用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