js清空json里的所有value值

6 篇文章 0 订阅
//示例数据
formData:{
		zz: 1,
		zy: 2,
		px: 3,
		price: 4,
}
//清空方法
for (var key in this.formData) {
	this.formData[key] = null
}


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是一个示例代码,实现了将json数据写入表格,并且可以通过输入框添加新数据到表格中: ```html <!DOCTYPE html> <html> <head> <title>JSON to Table</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <table id="myTable" border="1"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> </thead> <tbody> </tbody> </table> <br> <input type="text" id="name" placeholder="Name"> <input type="text" id="age" placeholder="Age"> <input type="text" id="gender" placeholder="Gender"> <button onclick="addRow()">Add Row</button> <script> var jsonData = [ { "name": "John", "age": 30, "gender": "Male" }, { "name": "Emily", "age": 25, "gender": "Female" }, { "name": "David", "age": 40, "gender": "Male" } ]; $(document).ready(function() { $.each(jsonData, function(index, value) { var row = $('<tr>'); row.append($('<td>').html(value.name)); row.append($('<td>').html(value.age)); row.append($('<td>').html(value.gender)); $('#myTable tbody').append(row); }); }); function addRow() { var name = $('#name').val(); var age = $('#age').val(); var gender = $('#gender').val(); var row = $('<tr>'); row.append($('<td>').html(name)); row.append($('<td>').html(age)); row.append($('<td>').html(gender)); $('#myTable tbody').append(row); // clear input fields $('#name').val(''); $('#age').val(''); $('#gender').val(''); } </script> </body> </html> ``` 在上面的代码中,我们首先定义了一个json数据对象`jsonData`,然后使用jQuery的`each()`方法将数据写入表格中。在页面中添加了三个输入框和一个按钮,通过`addRow()`函数可以将输入框中的数据添加到表格中。函数首先获取输入框中的,然后创建一个新的表格行并将添加到单元格中,最后将新行添加到表格中。输入框的添加到表格中后,我们还调用了`val()`方法将输入框的清空
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值