使用Javascript將輸入字段設置為只讀

Question

我正在通過另一個腳本動態設置 SecretAttribute 的值，但目前我很難將 Name 輸入字段設為readonly 。

嘗試通過 SecretAttribute 和 SecretElement 設置getElementByID ，但沒有骰子。

<input name="SecretAttribute" id="SecretAttribute" value="Y" type="checkbox" checked/> 
<html>
<head>
 <title>Demo Title</title>
<script type="text/javascript"> 
var SecretElement = document.getElementById('SecretAttribute');\
if (document.getElementById("SecretAttribute").checked;) {
    function DataCheck() {
    document.getElementById('Name').readOnly = true;
  } 
}

</script>
</head>
<body onload="DataCheck()">

  Demo6.1<br>
  Name: <input type="text" id="Name" name="Name"><br>

</body>
</html>

Answer 1

函數調用在 if 語句中。 將 if 條件放在調用中

 function DataCheck() { if(document.getElementById("SecretAttribute").checked) document.getElementById('Name').readOnly = true; } var SecretElement = document.getElementById('SecretAttribute');

 <input name="SecretAttribute" id="SecretAttribute" value="Y" type="checkbox" checked/> <html> <head> <title>Demo Title</title> </head> <body onload="DataCheck()"> Demo6.1<br> Name: <input type="text" id="Name" name="Name" value="You can't edit this"><br> </body> </html>

Answer 2

如果您使用較舊的瀏覽器，請嘗試使用setAttribute ，例如...

  var SecretElement = document.getElementById('SecretAttribute');
  if (SecretElement.checked) {
    document.getElementById('Name').setAttribute("readonly","readonly");
  }

使用Javascript將輸入字段設置為只讀

問題描述

2 個解決方案

解決方案1
2 已采納 2019-02-06 09:42:35

解決方案2
0 2019-02-06 09:40:31

使用Javascript將輸入字段設置為只讀

問題描述

2 個解決方案

解決方案1 2 已采納 2019-02-06 09:42:35

解決方案2 0 2019-02-06 09:40:31

解決方案1
2 已采納 2019-02-06 09:42:35

解決方案2
0 2019-02-06 09:40:31