小问题求助！！！

boaosi 2011-08-29 09:07:51

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Test</title>

<style>

div{display:none;}

</style>

<body>

<div>

    <input type="text" />

    <input type="text" />

</div>

<div>

    <input type="text" />

    <input type="text" />

</div>

<div>

    <input type="text" />

    <input type="text" />

</div>

<input type="button" value="click me" id="btn" />

<input type="button" value="yicang me" id="btn1"/>



<script type="text/javascript">

var divs = document.getElementsByTagName('div');

var divs2 = document.getElementsByTagName('div');

var count = 0;

var count2 = 0;

document.getElementById('btn').onclick = function(){

if(divs[count]){

   alert(count);

   divs[count].style.display = 'block';

   count++;

}

};

document.getElementById('btn1').onclick = function(){

if(divs2[count2]){

   divs2[count2].style.display = 'none';

   count2++;

}

};

</script>

</body>

</html>

这代码的功能是添加和隐藏界面上的 text

但有个问题。。。
如我把上面三组 text 全部显示，又再次点击隐藏。。

再去点击添加，就不能再次添加拉。。

也就是不能做到添加和隐藏互相切换...

...全文

165 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

guodabao 2011-11-23

打赏
举报

divs2[count2].style.display = 'none';

boaosi 2011-08-29

打赏
举报

[Quote=引用 2 楼 calmcrime 的回复:]
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-……
[/Quote]

这个可以拉

但是我界面上还有其它控件

用到
<style>
div{display:none;}
</style>

把其它的 text 都隐藏不见啦////

EEXXTTJJSS 2011-08-29

打赏
举报

LZ的意思是要实现文本框的显示跟隐藏吧。
div的个数一共为3，当点击3次之后count1=2，所以再次点击就不会显示文本框了，
因为divs[3]不存在。

2399 2011-08-29

打赏
举报

有来这里了，。。。。。。。。。。。。。。。。。。。
你最好是把你的问题，需要做成什么样完完全全写出来。问题最清楚最好了，去google下提问的智慧吧

001007009 2011-08-29

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Test</title>

<style>

div{display:none;}

</style>

<body>

<div>

    <input type="text" />

    <input type="text" />

</div>

<div>

    <input type="text" />

    <input type="text" />

</div>

<div>

    <input type="text" />

    <input type="text" />

</div>

<input type="button" value="click me" id="btn" />

<input type="button" value="yicang me" id="btn1"/>



<script type="text/javascript">

var divs = document.getElementsByTagName('div');

var divs2 = document.getElementsByTagName('div');

var count = 0;

var count2 = 0;

document.getElementById('btn').onclick = function(){

if(divs[count]){

   alert(count);

   divs[count].style.display = 'block';

   count++; 

   if(count==3)count = 0;

}

};

document.getElementById('btn1').onclick = function(){

if(divs2[count2]){

   divs2[count2].style.display = 'none';

   count2++;  

   if(count2==3)count2 = 0;

}

};

</script>

</body>

</html>

楼主试试

MuBeiBei 2011-08-29

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Test</title>

<style>

div{display:none;}

</style>

<body>

<div>

    <input type="text" />

    <input type="text" />

</div>

<div>

    <input type="text" />

    <input type="text" />

</div>

<div>

    <input type="text" />

    <input type="text" />

</div>

<input type="button" value="click me" id="btn" />

<input type="button" value="yicang me" id="btn1"/>



<script type="text/javascript">

var divs = document.getElementsByTagName('div');

var divs2 = document.getElementsByTagName('div');

var count = 0;

var count2 = 0;

document.getElementById('btn').onclick = function(){

if(divs[count]){

   divs[count].style.display = 'block';

   count++;

   count2 = 0;

}

};

document.getElementById('btn1').onclick = function(){

if(divs2[count2]){

   divs2[count2].style.display = 'none';

   count2++;

   count=0;

}

};

</script>

</body>

</html>

BLUE_LG 2011-08-29

打赏
举报



<!DOCTYPE html>

<html>

<head>

  <script src="jquery162.js"></script>

</head>

<body>

<input type="button" value="点击添加" onclick="show()"/>



<hr style="display:none"/>

<input type="text" style="display:none" id="txt"/>

<input type="text" style="display:none" id="txt"/>

<hr style="display:none"/>

<input type="text" style="display:none" id="txt"/>

<input type="text" style="display:none" id="txt"/>

<hr style="display:none"/>

<input type="text" style="display:none" id="txt"/>

<input type="text" style="display:none" id="txt"/>

<input type="button" value="点击隐藏" onclick="hide()"/>

<script>

var i=1;

var texts=document.getElementsByTagName('input');

var hrs=document.getElementsByTagName('hr');

function show(){



if(i<=6){

var j=(i-1)/2;

    hrs[j].style.display='block';

    texts[i].style.display='block';

    texts[++i].style.display='block';

    i++;

}

}

function hide(){

    if(i>2){

    j=(i-2)/2;

    hrs[j].style.display='none';

    texts[--i].style.display='none';

    texts[--i].style.display='none';

    

    }

}

</script>

</body>

</html>