禁用文本框

禁用文本框

问题描述投票：0回答：1

javascript

html

textbox

disable

1个回答

0
投票

我们应该选择使用
```
#fname
```
，因为我们的 ID 字段为
```
fname
```
，您使用的选择器用于类。
我们可以使用
```
setAttribute
```
和
```
removeAttribute
```
来切换禁用状态。

const fname = document.querySelector("#fname")
const lname = document.querySelector("#lname")
lname.readonly = true
fname.addEventListener("keyup", () => {
  if (fname.value.length > 0) {
    lname.removeAttribute("disabled")
  } else {
    lname.setAttribute("disabled", "true")
  }
})

<!doctype html>
<html>
  <body>
    <form action="/action_page.php">
      <label for="fname">Fname:</label>
      <input type="text" id="fname" name="fname" /><br /><br />
      <label for="lname">Lname:</label>
      <input type="text" id="lname" name="lname" disabled/><br /><br />
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1