如何用js 实现点击 js防止按钮多次点击时候能够 清空 上面table里面所有input里面的数据

来源：蜘蛛抓取(WebSpider) 时间：2016-01-23 08:10 标签： js防止按钮多次点击
jQuery问题,请问如何用jQuery清除&table&表单中的所有行。
[问题点数：40分，结帖人sq]
本版专家分：130
结帖率 100%
CSDN今日推荐
本版专家分：55919
2012年5月 总版技术专家分月排行榜第一
2012年6月 总版技术专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第一2012年5月 Web 开发大版内专家分月排行榜第一
2012年7月 Web 开发大版内专家分月排行榜第二
本版专家分：130
本版专家分：152
本版专家分：130
本版专家分：152
本版专家分：0
本版专家分：130
本版专家分：130
本版专家分：152
本版专家分：130
本版专家分：130
本版专家分：152
本版专家分：130
本版专家分：130
本版专家分：152
本版专家分：130
匿名用户不能发表回复！|
其他相关推荐jsp页面表格布局
&body onload="show()"&
&input type="text" value="111" id="mytext"&
&table border="1" width="60%" id="mytable"&
&td id="td1"&第一行第一列&/td&&td id="td2"&第一行第二列&/td&
&td&第二行第一列&/td&&td&第二行第二列&/td&&td&第二行第三列&/td&
&td&第三行第一列&/td&&td&第三行第二列&/td&
&/body&js代码
&script type="text/javascript"&
function show(){
// 获取id为 mytext 的普通元素值
var mytext = document.getElementById("mytext").
//用标记id的td元素 获取值方法
var td1 = document.getElementById("td1").innerHTML;
//用获取table(通过其id ) 获取指定的行，列
var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;
//遍历 table表格
var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格
alert(td1);
//第一行第一列
alert(mytable);
//第二行第三列
for(var i=0;i&s3.rows.i++){
for(var j=0;j&s3.rows[i].cells.j++){
alert(s3.rows[i].cells[j].innerHTML);
浏览: 66250 次
来自: 北京
终于有个能看懂的了，这个说的很明白，对我很有用
终于有个能看懂的了
今天终于懂得，以前看的说了一大堆术语，不知道啥意思
讲解的简单明了！
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'jQuery实现清空table表格除首行外的所有数据
1.其实网上有很多版本，试了好几个都不行，最后还是查到了一个非常方便的：不会清除表格第一行表头部分。
其中J_tab_fam是table的id。
$(&#J_tab_fam
tr:not(:first)&).html(&&);
$(&#J_tab_fam
tr:not(:first)&).empty(&&);
2.当然，有通过其他方式的，比如获得表格所有行，再for循环设置每一个表格值为空，但是效率上或者从代码上来讲，效率和质量就降低了，如果不是使用jQuery，for循环也许也是一种办法！
3.另外，可以通过获得table的childNodes的list，然后清除掉需要清除的node，但是由于有些不一样，导致获得childNodes时，个数不一样（FF浏览器貌似会将回车也当作一个node，真是醉了~~）所以这种方式可能兼容性不好，为了兼容性好一点的话，也可以给每一行加一个class，然后每次清除的时候判断一下class是否是你要删除的classname，是则删除。
总之，推荐第一种！！！！404 Not Found
The requested URL /q/9176 was not found on this server.HTML 用JS增加table一行所有内容的实现
时间： 16:51:42
&&&& 阅读：3957
&&&& 评论：
&&&& 收藏：0
标签：　　& 因为对JS用的不多，最近需要写界面的时候需要实现&&通过点击一个button让table增加一行（和前面行内的内容一致，无论是dropdown还是checkbox）。可自己硬是无从下手，从网上搜的答案总是各有不同。最后自己通过这样的方法实现了：
步骤基本是这样的：
在script里面写一个Function如下。
&&&&& 最后就简单了，我们直接通过&input type="button" value="More" name="More" class="sb" style="width:40" onclick="addRow()" /& 调用它的onclick事件，onclick="addRow()"即可以实现需求。
&&&&& 毕竟自己对HTML JS这块不熟，所以有错误的地方希望由大家或者日后的我来纠正。
1 function addRow() {
var table = document.getElementById("mytableid");　　　　　　//得到我们需要用到的table 3
var rowsNum = table.　　　　　　//计算出table的现有行数
var row = table.insertRow(4);　　　　　　//创建一行，并插入到上面的table中，我这里是直接在第四行起开始插入
var cell0 = row.insertCell(0);　　　　　　//插入新建row的第一个单元格
cell0.innerHTML = "&input type=‘checkbox‘ name=‘checkbox1‘ value=‘checkbox‘&";　　　　　　//在第一个单元格，也就是td中插入内容，我这里的第一个是一个checkbox
var cell1 = row.insertCell(1);
cell1.innerHTML = "&input type=‘text‘ name=‘fname‘ /&";　　　　　　//依次插入后续单元格的内容，这里需要注意的是innerHTML方法中的内容是不应该含td标签的，它　　　　　　　　替换的应该是我们的HTML代码部分，如果是文本则应该是innerText(注意大小写)。
var cell2 = row.insertCell(2);
cell2.innerHTML = "&input type=‘text‘ name=‘fname‘ /&";
var cell3 = row.insertCell(3);
cell3.innerHTML = "&input type=‘checkbox‘ /&PO " +
"&input type=‘checkbox‘ /&PO Update " +
"&input type=‘checkbox‘ /&ASN " +
"&input type=‘checkbox‘ /&Receiver ";　　　　　　//这里插入第四个单元格内容(从0开始)，需要注意的是这里如果换行的话最好用& & + & &的格式。
var cell4 = row.insertCell(4);
cell4.innerHTML = "&select name=‘Trigger‘ class=‘wtw‘& " +
"&option value=‘Manual‘&Manual&/option&" +
"&option value=‘Data Trigger on going‘ &" +
"Data Trigger on going&/option&";
var cell5 = row.insertCell(5);
cell5.innerHTML = "&select name=‘Trigger‘ class=‘wtw‘& " +
"&option value=‘Manual‘ width=‘100%‘&Y &&&&&&" +
"&&&&&&&&&" +
"&&&&&&&&&&" +
"&&&&&&&&&&" +
"&&&&&&&&&&" +
"&&&&&&&&&&/option&" +
"&option value=‘Data Trigger on going‘ &" + "N&/option&";
&标签：原文地址：http://www.cnblogs.com/wmx-rj/p/Fs_purple.html
&&国之画&&&& &&&&chrome插件
版权所有 京ICP备号-2
迷上了代码！

我要回帖

更多关于 js防止按钮多次点击 的文章

 

随机推荐