谢谢各位.看这个需求如何实现.谢谢.

esunshine 2008-06-12 07:57:30
如下是我写的一段代码:
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language ="javascript" type ="text/javascript">
function check(f)
{
for(var i=0;i<=f.all.length;i++)
{
tmpobject=null;
tmpobject=f.all[i];
tmpname='';
if(tmpobject)
{
if(tmpobject.type!=null&&tmpobject.type.toUpperCase()=="CHECKBOX")
{
if(!tmpobject.disabled)
{
tmpobject.checked=form1.allcheck.checked;
}
}
}
}
}
</script>
<title></title><link href="/css/listModify.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="Header">
</div>
<div id="PageBody">
<div id="MainBody"><br><center><h2>按钮测试.谢谢各位</h2><p></center>
<hr width=90%><br>
<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi">
<TABLE align="center">
<thead><tr>
<td ><font size=3>全选</font></th>
<td ><input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"></td></tr></thead>

</TABLE>
<table align="center">
<tr>
<td><input type="checkbox" name="" value="test"><font size=3>按钮1</font></td>
</tr>
<tr>
<td><input type="checkbox" name="" value="test"><font size=3>按钮2</font></td>
</tr>
<tr>
<td><input type="checkbox" name="" value="test"><font size=3>按钮3</font></td>
</tr>
</table>
<hr width=90%><br></div>
</div>
</div>
</body >
</html>


我打开这个页面时,都首先检测一下按钮1到按钮3,如果这三个都选中了.则把全选的那个按钮也选中;缺一个都不中选中此按钮.
不知道如何实现.谢谢各位.
...全文
80 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
esunshine 2008-06-12
  • 打赏
  • 举报
 回复
谢谢您.搞定.谢谢.辛苦了.
hbhbhbhbhb1021 2008-06-12
  • 打赏
  • 举报
 回复 


<html> 

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

<script language ="javascript" type ="text/javascript"> 

        function check(f) 

        {      

            for(var i=0;i <=f.all.length;i++) 

            { 

                tmpobject=null; 

                tmpobject=f.all[i]; 

                tmpname='';              

                if(tmpobject) 

                { 

                    if(tmpobject.type!=null&&tmpobject.type.toUpperCase()=="CHECKBOX") 

                    { 

                      if(!tmpobject.disabled) 

                      { 

                        tmpobject.checked=form1.allcheck.checked; 

                      } 

                    } 

                } 

            } 

        } 

        function addCheckEvent() 

        {

        		show() 

            var objs=document.getElementsByTagName("INPUT") 

            for(var i=1;i <objs.length;i++) 

            { 

                if(objs[i].type=="checkbox") 

                { 

                    objs[i].onclick=show 

                } 

            } 

        } 

            function show() 

            { 

                var objs=document.getElementsByTagName("INPUT") 

                var ifAllChecked=true; 

            for(var i=1;i <objs.length;i++) 

            { 

                if(objs[i].type=="checkbox") 

                { 

                    if(!objs[i].checked){ifAllChecked=false;break;} 

                } 

            } 

            document.getElementById("allcheck").checked=ifAllChecked 

            } 

</script> 

<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" /> 

</head> 

<body onload="addCheckEvent()"> 

<div id="container"> 

<div id="Header"> 

</div> 

<div id="PageBody"> 

<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center> 

<hr width=90%> <br> 

<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi"> 

<TABLE align="center"> 

<thead> <tr> 

<td > <font size=3>全选 </font> </th> 

<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"> </td> </tr> </thead> 



</TABLE> 

<table align="center"> 

<tr> 

<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮1 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮2 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮3 </font> </td> 

</tr> 

</table>
esunshine 2008-06-12
  • 打赏
  • 举报
 回复

楼上真是高手啊.我修改了一些;在这种情况下,当再此打开界面时全选按钮自动能选中.当然必须按钮1,2,3都必须选择的情况下.哈哈. 
<html> 

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

<script language ="javascript" type ="text/javascript"> 

        function check(f) 

        {      

            for(var i=0;i <=f.all.length;i++) 

            { 

                tmpobject=null; 

                tmpobject=f.all[i]; 

                tmpname='';              

                if(tmpobject) 

                { 

                    if(tmpobject.type!=null&&tmpobject.type.toUpperCase()=="CHECKBOX") 

                    { 

                      if(!tmpobject.disabled) 

                      { 

                        tmpobject.checked=form1.allcheck.checked; 

                      } 

                    } 

                } 

            } 

        } 

        function addCheckEvent() 

        { 

            var objs=document.getElementsByTagName("INPUT") 

            for(var i=1;i <objs.length;i++) 

            { 

                if(objs[i].type=="checkbox") 

                { 

                    objs[i].onclick=show 

                } 

            } 

        } 

            function show() 

            { 

                var objs=document.getElementsByTagName("INPUT") 

                var ifAllChecked=true; 

            for(var i=1;i <objs.length;i++) 

            { 

                if(objs[i].type=="checkbox") 

                { 

                    if(!objs[i].checked){ifAllChecked=false;break;} 

                } 

            } 

            document.getElementById("allcheck").checked=ifAllChecked 

            } 

</script> 

<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" /> 

</head> 

<body onload="addCheckEvent()"> 

<div id="container"> 

<div id="Header"> 

</div> 

<div id="PageBody"> 

<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center> 

<hr width=90%> <br> 

<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi"> 

<TABLE align="center"> 

<thead> <tr> 

<td > <font size=3>全选 </font> </th> 

<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"> </td> </tr> </thead> 



</TABLE> 

<table align="center"> 

<tr> 

<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮1 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮2 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮3 </font> </td> 

</tr> 

</table>

在种情况下,当界面打开后,全选按钮也能自动的被选中.不好意思,刚没有说明白.谢谢.
esunshine 2008-06-12
  • 打赏
  • 举报
 回复
楼上真是高手啊.我修改了一些;在这种情况下,当再此打开界面时全选按钮自动能选中.当然必须按钮1,2,3都必须选择的情况下.哈哈.

<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language ="javascript" type ="text/javascript">
function check(f)
{
for(var i=0;i <=f.all.length;i++)
{
tmpobject=null;
tmpobject=f.all[i];
tmpname='';
if(tmpobject)
{
if(tmpobject.type!=null&&tmpobject.type.toUpperCase()=="CHECKBOX")
{
if(!tmpobject.disabled)
{
tmpobject.checked=form1.allcheck.checked;
}
}
}
}
}
function addCheckEvent()
{
var objs=document.getElementsByTagName("INPUT")
for(var i=1;i<objs.length;i++)
{
if(objs[i].type=="checkbox")
{
objs[i].onclick=show
}
}
}
function show()
{
var objs=document.getElementsByTagName("INPUT")
var ifAllChecked=true;
for(var i=1;i<objs.length;i++)
{
if(objs[i].type=="checkbox")
{
if(!objs[i].checked){ifAllChecked=false;break;}
}
}
document.getElementById("allcheck").checked=ifAllChecked
}
</script>
<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" />
</head>
<body onload="addCheckEvent()">
<div id="container">
<div id="Header">
</div>
<div id="PageBody">
<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center>
<hr width=90%> <br>
<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi">
<TABLE align="center">
<thead> <tr>
<td > <font size=3>全选 </font> </th>
<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"> </td> </tr> </thead>

</TABLE>
<table align="center">
<tr>
<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮1 </font> </td>
</tr>
<tr>
<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮2 </font> </td>
</tr>
<tr>
<td> <input type="checkbox" name="" checked value="test"> <font size=3>按钮3 </font> </td>
</tr>
</table>
谢谢.
hbhbhbhbhb1021 2008-06-12
  • 打赏
  • 举报
 回复 


<html> 

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

<script language ="javascript" type ="text/javascript"> 

        function check(f) 

        {      

            for(var i=0;i <=f.all.length;i++) 

            { 

                tmpobject=null; 

                tmpobject=f.all[i]; 

                tmpname='';              

                if(tmpobject) 

                { 

                    if(tmpobject.type!=null&&tmpobject.type.toUpperCase()=="CHECKBOX") 

                    { 

                      if(!tmpobject.disabled) 

                      { 

                        tmpobject.checked=form1.allcheck.checked; 

                      } 

                    } 

                } 

            } 

        }

        function addCheckEvent()

        {

        	var objs=document.getElementsByTagName("INPUT")

        	for(var i=1;i<objs.length;i++)

        	{

        		if(objs[i].type=="checkbox")

        		{

        			objs[i].onclick=show

        		}

        	}

        }

    		function show()

    		{

    			var objs=document.getElementsByTagName("INPUT")

    			var ifAllChecked=true;

        	for(var i=1;i<objs.length;i++)

        	{

        		if(objs[i].type=="checkbox")

        		{

        			if(!objs[i].checked){ifAllChecked=false;break;}

        		}

        	}

        	document.getElementById("allcheck").checked=ifAllChecked

    		}

</script> 

<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" /> 

</head> 

<body onload="addCheckEvent()"> 

<div id="container"> 

<div id="Header"> 

</div> 

<div id="PageBody"> 

<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center> 

<hr width=90%> <br> 

<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi"> 

<TABLE align="center"> 

<thead> <tr> 

<td > <font size=3>全选 </font> </th> 

<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"> </td> </tr> </thead> 



</TABLE> 

<table align="center"> 

<tr> 

<td> <input type="checkbox" name="" value="test"> <font size=3>按钮1 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="" value="test"> <font size=3>按钮2 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="" value="test"> <font size=3>按钮3 </font> </td> 

</tr> 

</table>
esunshine 2008-06-12
  • 打赏
  • 举报
 回复
谢谢各位.
说明一下:
<td> <input type="checkbox" name="aa" id="checkname" value="test" onclick="check1()"> <font size=3>按钮2 </font> </td>
里面的name是变化的t1_1;t2_1;t3_1....

能不能不修改<td>内容.

不是有一个在body加入一个load="函数" .不知道这个能解决不.不会js.望大家帮忙.谢谢.
jhwcd 2008-06-12
  • 打赏
  • 举报
 回复
修改了一下看看
<html> 

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

<script language ="javascript" type ="text/javascript"> 

        function check(f) 

        {      

            for(var i=0;i <=f.all.length;i++) 

            { 

                tmpobject=null; 

                tmpobject=f.all[i]; 

                tmpname='';              

                if(tmpobject) 

                { 

                    if(tmpobject.type!=null&&tmpobject.type.toUpperCase()=="CHECKBOX") 

                    { 

                      if(!tmpobject.disabled) 

                      { 

                        tmpobject.checked=form1.allcheck.checked; 

                      } 

                    } 

                } 

            } 

        } 

		function check1()

		{

		 var checkCount = 0;

		 var ids = document.getElementsByName("checkname");

		 for(i=0; i<ids.length; i ++) {

			if (ids(i).checked) {

				checkCount ++;

			}

		}

		if (checkCount==ids.length)

		   

           {

		   alert(checkCount);

            document.form1.allcheck.checked=true;

		   }

		 else

		  {

		   document.form1.allcheck.checked=false;

		  }

		}

</script> 

<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" /> 

</head> 

<body> 

<div id="container"> 

<div id="Header"> 

</div> 

<div id="PageBody"> 

<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center> 

<hr width=90%> <br> 

<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi"> 

<TABLE align="center"> 

<thead> <tr> 

<td > <font size=3>全选 </font> </th> 

<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"> </td> </tr> </thead> 



</TABLE> 

<table align="center"> 

<tr> 

<td> <input type="checkbox" name="aa" id="checkname" value="test" onclick="check1()"> <font size=3>按钮1 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="aa" id="checkname" value="test" onclick="check1()"> <font size=3>按钮2 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="aa" id="checkname" value="test" onclick="check1()"> <font size=3>按钮3 </font> </td> 

</tr> 

</table> 

<hr width=90%> <br> </div> 

</div> 

</div> 

</body > 

</html>
jhwcd 2008-06-12
  • 打赏
  • 举报
 回复
我改了一下，应该可以了！
<html> 

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

<script language ="javascript" type ="text/javascript"> 

        function check(f) 

        {      

            for(var i=0;i <=f.all.length;i++) 

            { 

                tmpobject=null; 

                tmpobject=f.all[i]; 

                tmpname='';              

                if(tmpobject) 

                { 

                    if(tmpobject.type!=null&&tmpobject.type.toUpperCase()=="CHECKBOX") 

                    { 

                      if(!tmpobject.disabled) 

                      { 

                        tmpobject.checked=form1.allcheck.checked; 

                      } 

                    } 

                } 

            } 

        } 

		function check1()

		{

		 var checkCount = 0;

		 var ids = document.getElementsByName("checkname");

		 for(i=0; i<ids.length; i ++) {

			if (ids(i).checked) {

				checkCount ++;

			}

		}

		

		if (checkCount==ids.length)

		   

           {

		   alert(checkCount);

            document.form1.allcheck.checked=true;

		   }

		}

</script> 

<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" /> 

</head> 

<body> 

<div id="container"> 

<div id="Header"> 

</div> 

<div id="PageBody"> 

<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center> 

<hr width=90%> <br> 

<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi"> 

<TABLE align="center"> 

<thead> <tr> 

<td > <font size=3>全选 </font> </th> 

<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"> </td> </tr> </thead> 



</TABLE> 

<table align="center"> 

<tr> 

<td> <input type="checkbox" name="aa" id="checkname" value="test" onclick="check1()"> <font size=3>按钮1 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="aa" id="checkname" value="test" onclick="check1()"> <font size=3>按钮2 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="aa" id="checkname" value="test" onclick="check1()"> <font size=3>按钮3 </font> </td> 

</tr> 

</table> 

<hr width=90%> <br> </div> 

</div> 

</div> 

</body > 

</html>
esunshine 2008-06-12
  • 打赏
  • 举报
 回复
能在不修改
<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi">
<TABLE align="center">
<thead> <tr>
<td > <font size=3>全选 </font> </th>
<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(form1);"> </td> </tr> </thead>

</TABLE>
<table align="center">
<tr>
<td> <input type="checkbox" name="" value="test"> <font size=3>按钮1 </font> </td>
</tr>
<tr>
<td> <input type="checkbox" name="" value="test"> <font size=3>按钮2 </font> </td>
</tr>
<tr>
<td> <input type="checkbox" name="" value="test"> <font size=3>按钮3 </font> </td>
</tr>
</table>
只修改function check(f) 函数,或者加入一个函数实现呢?谢谢.现在那个按钮表单不能在修改了.谢谢你.
hbhbhbhbhb1021 2008-06-12
  • 打赏
  • 举报
 回复 


<html> 

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

<script language ="javascript" type ="text/javascript"> 

        function check(f) 

        {

        		var objs=document.getElementsByName("checkbox1")      

            for(var i=0;i <objs.length;i++) 

            {    

                        objs[i].checked=f.checked; 

            } 

        }

        function show()

        {

        	var objs=document.getElementsByName("checkbox1")

	       	var ifAllChecked=true;

	        	for(var i=0;i <objs.length;i++) 

	          {   

	               if(!objs[i].checked){ifAllChecked=false;break;}

	          }

	          document.getElementById("allcheck").checked=ifAllChecked

        }      

</script> 

<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" /> 

</head> 

<body> 

<div id="container"> 

<div id="Header"> 

</div> 

<div id="PageBody"> 

<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center> 

<hr width=90%> <br> 

<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi"> 

<TABLE align="center"> 

<thead> <tr> 

<td > <font size=3>全选 </font> </th> 

<td > <input type ="checkbox" id="allcheck" value="allcheck" onclick ="javascript:check(this);"> </td> </tr> </thead> 



</TABLE> 

<table align="center"> 

<tr> 

<td> <input type="checkbox" name="checkbox1" value="test" onclick="show()"> <font size=3>按钮1 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="checkbox1" value="test" onclick="show()"> <font size=3>按钮2 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" name="checkbox1" value="test" onclick="show()"> <font size=3>按钮3 </font> </td> 

</tr> 

</table> 

<hr width=90%> <br> </div> 

</div> 

</div> 

</body > 

</html>
s_liangchao1s 2008-06-12
  • 打赏
  • 举报
 回复 


<html> 

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

<script language ="javascript" type ="text/javascript"> 

      function $(sId) {return document.getElementById(sId);}

      function check(){

		if($('rad1').checked && $('rad2').checked&& $('rad3').checked){

			$('allcheck').checked = true;

		}else{

			$('allcheck').checked = false;

		}

		

	  }     

</script> 

<title> </title> <link href="/css/listModify.css" rel="stylesheet" type="text/css" /> 

</head> 

<body> 

<div id="container"> 

<div id="Header"> 

</div> 

<div id="PageBody"> 

<div id="MainBody"> <br> <center> <h2>按钮测试.谢谢各位 </h2> <p> </center> 

<hr width=90%> <br> 

<form name="form1" method="post" action="/cgi-bin/updateModify_new.cgi"> 

<TABLE align="center"> 

<thead> <tr> 

<td > <font size=3>全选 </font> </th> 

<td > <input type ="checkbox" id="allcheck" value="allcheck" > </td> </tr> </thead> 



</TABLE> 

<table align="center"> 

<tr> 

<td> <input type="checkbox" id='rad1' value="test" onclick="check()"> <font size=3>按钮1 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" id='rad2' value="test" onclick="check()"> <font size=3>按钮2 </font> </td> 

</tr> 

<tr> 

<td> <input type="checkbox" id='rad3' value="test" onclick="check()"> <font size=3>按钮3 </font> </td> 

</tr> 

</table> 

<hr width=90%> <br> </div> 

</div> 

</div> 

</body > 

</html>
springboot+vue整合pdf.js实现预览pdf
上一次说到使用浏览器自带的预览pdf功能所遗留的问题，360浏览器不够给力，IE的我没测，估计也不行，于是乎我又翻阅资料（度娘）找到了一种新的实现方式，使用pdf.js实现 如果想看使用浏览器实现预览pdf可以看我这篇...
java中广告维护轮播图怎么做_史上最简单图片轮播广告效果实现
如果有管理员看到，可以把这个阅读数什么的清零，谢谢转载请注明出处:如今的Android开发需求越来越来多，实现效果越来越酷炫，很多Android APP都要实现PC网站上那样的图片轮播效果，那么，这些图片的轮播效果是如何...
166. 面试官：实现一个批量请求函数，要求能够限制并发量?
实现一个批量请求函数，要求能够限制并发量?2. git 中 rebase、reset、revert 有什么区别？3. Promise 的 finally 怎么实现的？上面问题的答案会在第二天的公众号(程序员每日三问)推文中公布也可以小程序刷题，已...
天线开路短路检测原理_请教各位大虾，怎么实现 天线的开路和短路的检测？...
RF 50欧姆高手请指点，谢谢！这货奢侈，肯定不是手机。基带部分很多实现方法。问题是怎么引逻辑线去控制。不知道小编用的是什么形式的天线?接地还是不接地的。另一种就是用监测RSSI，信号强度明显很低的，就报警咯。...
python定义一个类savingaccount表示银行账户_Python实现信用卡系统(支持购物、转账、存取钱)...
最近一直在做一个有关信用卡系统的项目，所有很少出来给大家打招呼了，今天也该告一段了，本项目是基于python编程语言做的，此信用卡支持购物，转账和存取钱，下面小编把需求及实现思路大概分享一下，仅供参考，如有...
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章