如何清空一个div里面所有input框的值

Question

如题所述

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('div input').val('');。

3、浏览器运行index.html页面，此时div中的所有input输入框都被清空了值。

Answer 2

可以先获取div，再使用循环将里面input框的值清空。

1、新建html文档，在body标签中添加div标签，为div标签设置一个id，这里以demo为例，然后在div标签中添加input标签：

2、添加script标签，使用getElementById函数获取div标签，然后使用getElementsByTagName标签获取div标签内所有的input标签：

3、使用for循环函数，循环次数为input标签的数量，然后将所有的input框的值设为空，这样div内所有的input框的值都被清空了：

本回答被网友采纳

Answer 3

1
2
3
4
5
6
7
8

用JQ的attr属性就可以清空input的内容
<input type="text" value="TEST"/>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script>
$(function() {
$("input").attr("value","");
});
</script>

Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。本回答被网友采纳

Answer 4

$("#divId input").val("");本回答被提问者采纳