选择一个复选框，选中所有复选框 [英] Select all checkbox by select one checkbox

问题描述

我使用以下代码通过选择一个复选框选择Repeater中的所有复选框它适用于所有页面。但我希望它像电子邮件收件箱一样工作单页。

  protected   void  chkSelectAll_CheckedChanged（ object  sender，EventArgs e）
 {
 CheckBox chkboxAll = （复选框）发送者; 
 
  foreach （RepeaterItem item  in  rptOscarNominees.Items）
 { 
 CheckBox chkbox =（CheckBox）item.FindControl（  chkSelect）; 
 chkbox.Checked = chkboxAll.Checked; 
} 
} 
 

解决方案

使用以下代码：

 <   script     type   =  text / javascript    language   =  javascript >  
函数SetAllCheckBoxes（FormName，AreaID，CheckValue ）
 {
 if（！document.forms [FormName]）
 return; 
 var objCheckBoxes = document.getElementById（AreaID）.getElementsByTagName（'input'）; 
 if（！objCheckBoxes）
 return; 
 var countCheckBoxes = objCheckBoxes.length; 
 if（！countCheckBoxes）
 objCheckBoxes.checked = CheckValue; 
其他
 for（var i = 0; i <     countCheckBoxes;     i ++）  
   
   objCheckBoxes [i] .checked  < span class =code-attribute>   =   CheckValue; 
   
  }   
   
  < / script  >  

 <   div     id   =  items >  
 <  表格   < span class =code-attribute> name   =  SelectedItems    action   =    方法  =  post  >  
 <   b  > 选择/取消全选<   / b  >  <   br  >  
 <   div     style   = 背景：#ccc; >  <  输入   名称  =  checkall   类型  = 复选框    onclick   =  SetAllCheckBoxes（' SelectedItems'，'items'，this.checked）;    /  >  <   / div  >  <   br  >  <   br  >  
 
 <  输入    type   = 复选框   名称  =  选中    value   = 一些文字说明1 >  <  输入    type   =  hidden    name   =  selecteditems     value   =  >  <   br  >  
 <  输入    type   = 复选框   名称  = 已选择    value   = 一些文字说明2 >  <  输入    type   =  hidden    name   =  selecteditems    value   =  >  <   br  >  
 <  输入 < span class =code-attribute>   type   = 复选框   名称  =  选中    value   = 一些文字说明3 >  <  输入    type   =  hidden    name   =  selecteditems    value   =  >  <   br  >  
 < ;  输入   类型  = 复选框   名称  = 已选中    value   = 一些文字说明4 >  <  输入    type   =  hidden    name   =  selecteditems    value   =  >  <   br  >  
 <  输入   类型  = 复选框   名称  = 选中   值  = 一些文字说明5 >  <  输入   类型  = 隐藏   名称  =   selecteditems    value  < span class =code-keyword> =  >  <   br  >  
 <  输入    type   = 复选框   名称  = 已选择    value   = < span class =code-keyword>一些文字说明6 >  <  输入    type   =  hidden   名称  =  selecteditems    value   =  >  <   br  >  
 <   / div  >  

I use the following code for " Select all checkbox in Repeater by selecting one checkbox" it work for all page. But i wants it work single page as like email inbox.

protected void chkSelectAll_CheckedChanged(object sender, EventArgs e)
       {
           CheckBox chkboxAll = (CheckBox)sender;

           foreach (RepeaterItem item in rptOscarNominees.Items)
           {
               CheckBox chkbox = (CheckBox)item.FindControl("chkSelect");
               chkbox.Checked = chkboxAll.Checked;
           }
       }

解决方案

Use the below code:

<script type="text/javascript" language="javascript">
function SetAllCheckBoxes(FormName, AreaID, CheckValue)
{
if(!document.forms[FormName])
return;
var objCheckBoxes = document.getElementById(AreaID).getElementsByTagName('input');
if(!objCheckBoxes)
return;
var countCheckBoxes = objCheckBoxes.length;
if(!countCheckBoxes)
objCheckBoxes.checked = CheckValue;
else
for(var i = 0; i < countCheckBoxes; i++)

objCheckBoxes[i].checked = CheckValue;

}

</script>

<div id="items">
<form name="SelectedItems" action="" method="post">
<b>Select/Unselect All</b><br>
<div style="background:#ccc;"><input name="checkall" type="checkbox" onclick="SetAllCheckBoxes('SelectedItems','items',this.checked);" /></div><br><br>

<input type="checkbox" name="selected" value="Some text description 1"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 2"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 3"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 4"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 5"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 6"><input type="hidden" name="selecteditems" value=" "><br>
</div>

这篇关于选择一个复选框，选中所有复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！