前端

js操作表单元素的属性

云博小周宇1 Min Read

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;
}