js如何给input赋值

 时间:2024-10-11 21:38:49

1、首先,需要知道input的类型有多少种,即input的type属性可以赋哪些值,这里为大家列举一些常用的:text、hidden、checkbox、radio。具体还有哪里,小伙伴可以自行查阅相关资料。

js如何给input赋值

3、第一种,input的type属性为text的赋值,即文本框的赋值。首先,需要使用document.getElementById()来获取dom对象,然后,使用dom对象的value属性为其赋值。可以使用这种方式的其他input标签,还有:number、password、range、date等等。var obj = document.getElementById("txtName"); //根据dom的id属性返回dom对象//给input赋值 obj.value = "456";

js如何给input赋值

4、第二种,input的type属性为hidden的赋值,即隐藏域的赋值。隐藏域的赋值与文本框的赋值方式一样,获取dom对象,使用value属性为其赋值。var obj = document.getElementById("txtName"); //给input赋值 obj.value = "456";

js如何给input赋值

5、第三种,input的type属性为checkbox的赋值,即勾选框的赋值。这里我们使用getElementsByName来为checkbo旌忭檀挢x赋值。getElementsByName返回的是一组对象的集合,但是可以循环对象集合使用value属性来赋值。 var obj = document.getElementsByName("chk"); //根据dom的id属性返回dom对象 for (var i = 0; i < obj.length; i++) { //循环给input赋值 obj[i].value = "456"; }

js如何给input赋值

6、第四种,input的type属性为radio的赋值,即单选框的赋值。这里我们使用getElementsByTagName来获取所有radio,然后通过循环为对象集合里的每个对象使用value赋值。 var obj = document.getElementsByTagName("input"); //根据dom的id属性返回dom对象 for (var i = 0; i < obj.length; i++) { //循环给input赋值 obj[i].value = "456"; }

js如何给input赋值
  • js字符串转数字
  • html中怎么隐藏input标签
  • 怎么通过js改变display属性
  • eclipse编码格式如何设置?
  • tomcat怎么修改端口号
  • 热门搜索
    黑龙江旅游局 北京房山旅游景点大全 苏州的旅游景点 东钱湖旅游学校 北京旅游专修学院 云南的旅游景点 凤凰旅游网 宁陕旅游 盐城旅游团 旅游新闻资讯