js操作表单元素的属性

Posted 2022-12-14 zhaodz

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js操作表单元素的属性相关的知识，希望对你有一定的参考价值。

1.value //值

var input=document.getElementById(‘box‘)
input.value=‘哈哈‘
console.log(input.value)

2.type //类型

var input=document.getElementById(‘box‘)
input.type=‘checkbox‘
console.log(input.type)

3.disabled //禁用

var input=document.getElementById(‘box‘)
var bt=document.getElementById(‘bt‘)
bt.onclick=function()
  input.disabled=true;

4.checked //复选框选中属性

var input=document.getElementById(‘box‘)
var bt=document.getElementById(‘bt‘)
bt.onclick=function()
  input.checked=true;

5.selected //下拉框选中属性

var option=document.getElementsByTagName(‘option‘)
var bt=document.getElementById(‘bt‘)
bt.onclick=function()
  option[3].selected=true;

以上是关于js操作表单元素的属性的主要内容，如果未能解决你的问题，请参考以下文章