帮忙实现一个CheckBoxDemo

money_live 2010-03-01 11:07:24

代码实现:
条件:
1个Label
有多个 CheckBox
问题:
当 CheckBox(N) 的 Checked 为 true 时,向 Label 的 Text 添加 "CheckBox(N)选中".为 false 时,如果 Label 的 Text 有 "CheckBox(N)选中" 则把它删除掉,其他的保持不变.
当有多个 CheckBox(N) 的 Checked 为 true 时,请用 "," 隔开.
除非所有的 CheckBox 的 Checked 为 true 则 Label 的 Text 为 "以全选",为 false 则 Label 的 Text 为 "未选中".
如果用CheckBoxList就比较好实现.就是代码的逻辑有点晕头. 谢谢!

...全文

90 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

hnpyjing 2010-03-01

打赏
举报

学习非常实用的帖子

阿非 2010-03-01

打赏
举报

全不选的话

document.getElementById('span').innerText=text;

=》

document.getElementById('span').innerText=text==''?'未选中':text;

qqshenyunzcz 2010-03-01

打赏
举报

引用楼主 money_live 的回复:

除非所有的 CheckBox 的 Checked 为 true 则 Label 的 Text 为 "以全选",为 false 则 Label 的 Text 为 "未选中".

补充楼上的
全不选。



   var text='',flag=true;

  var b=true;

   for(var i=0,len=arr.length;i<len;i++)

   {

        if(arr[i]!='')

        {

             if(text=='')

             {

                text=arr[i];

             }

             else

             {

                text+=','+arr[i];

             }

            b=false;

        }

        else

        {

            flag=false;

        }

   }

  if(b)

   {

         document.getElementById('span').innerText='未选中;

   }

   else

   {

       document.getElementById('span').innerText=text;

   }

阿非 2010-03-01

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <script>

  var arr=['','','','',''];

function change(obj)

{

   if(obj.checked)

   {

      arr[obj.value]='CheckBox('+(parseInt(obj.value)+1)+')选中';

   }

   else

   {

      arr[obj.value]='';

   }

   var text='',flag=true;

   for(var i=0,len=arr.length;i<len;i++)

   {

        if(arr[i]!='')

		{

		     if(text=='')

			 {

			    text=arr[i];

			 }

			 else

			 {

			    text+=','+arr[i];

			 }

		}

		else

		{

			flag=false;

		}

   }

   if(flag)

   {

		 document.getElementById('span').innerText='全选中';

   }

   else

   {

	   document.getElementById('span').innerText=text;

   }

}

    </script>

 </HEAD>



 <BODY>

 选中情况:<br>

  <span id='span'></span><br>

1<input type='checkbox' value='0' onclick='change(this);' />

2<input type='checkbox' value='1' onclick='change(this);' />

3<input type='checkbox' value='2' onclick='change(this);' />

4<input type='checkbox' value='3' onclick='change(this);' />

5<input type='checkbox' value='4' onclick='change(this);' />

 </BODY>

</HTML>