html根据判断条件修改input 框属性readonlly代码
时间: 2024-01-08 21:04:26 浏览: 71
html中的input标签的checked属性jquery判断代码
下面是另一种实现方法的示例代码,使用了三元运算符来根据判断条件修改input框的属性readonly:
```html
<!DOCTYPE html>
<html>
<body>
<input type="text" id="myInput">
<script>
var x = 10;
document.getElementById("myInput").readOnly = (x > 5) ? true : false; // 如果x大于5,设置为只读,否则设置为可编辑
</script>
</body>
</html>
```
在这个示例中,使用了三元运算符来根据x的值来设置输入框的readonly属性。如果x大于5,输入框将被设置为只读,否则它将被设置为可编辑。
阅读全文