用javascript实现邮件处理中的全部选择与读取选择
来源:互联网 发布:linux服务器教程 编辑:程序博客网 时间:2024/05/25 23:25
以下代码来实现我们经常遇到的功能:在网页中处理Email时,会有全部选择或取消的checkbox,并把选中的内容加入一个textbox。
有两种方法可以实现:我们假设邮件列表是用DataList实现的,在ItemTemplate中加入CheckBox1来和书据库绑定。
用服务器控件:在CheckBox的CheckedChanged事件中实现。
private void CBSelectAll_CheckedChanged(object sender, System.EventArgs e)
{
if (CBSelectAll.Checked)
{
CheckBox CurrentCheckBox=new CheckBox();
foreach(DataListItem itemChecked in DataList1.Items)
{
CurrentCheckBox=(CheckBox)(itemChecked.FindControl("CheckBox1"));
CurrentCheckBox.Checked=true;
}
}
else
{
CheckBox CurrentCheckBox=new CheckBox();
foreach(DataListItem itemChecked in DataList1.Items)
{
CurrentCheckBox=(CheckBox)(itemChecked.FindControl("CheckBox1"));
CurrentCheckBox.Checked=false;
}
}
}
这种方法缺点是反应太慢,不适应客户的需要。
另一种方法是用javascript:
在HTML中加入
<script language="javascript">
function selectAll()
{
var arrObj=document.all;
if(document.Form1.checkedAll.checked)
{
for(var i=0;i<arrObj.length;i++)
{
if(typeof arrObj[i].type != "undefined" && arrObj[i].type=='checkbox')
{
arrObj[i].checked =true;
}
}
}
else
{
for(var i=0;i<arrObj.length;i++)
{
if(typeof arrObj[i].type != "undefined" && arrObj[i].type=='checkbox') arrObj[i].checked =false;
}
}
}
</script>
在对应的全部选择checkbox中加入onclick=”selectAll()”,如下:
<INPUT id="checkedAll" onclick="selectAll()" type="checkbox" name="checkedAll">
对于选中的列表,我们如何将其选中的内容加入到一个textbox呢?
这里的CheckBoxList的名称为CBLName,TextBox为TextBox1。实现的功能是将选中的CheckBoxList的fieldText加入TextBox,并用分号隔开。
<script language="javascript">
function inputName()
{
var CheckBoxList=document.getElementById("CBLName");
var textbox=document.getElementById("TextBox1");
textbox.value="";
for(i=0;i<CheckBoxList.rows.length;i++)
{
if(CheckBoxList.rows[i].cells[0].childNodes(0).checked)
textbox.value+=CheckBoxList.rows[i].cells[0].childNodes(1).innerText+";";
}
}
</script>
- 用javascript实现邮件处理中的全部选择与读取选择
- 单选择与全部选择
- checkbox中的全部选择
- JavaScript 按钮 全部选择/全不选
- 选择全部 取消全部
- JavaScript实现联动选择
- JavaScript实现选择排序
- 实现选择全部单选框的实例
- js实现全选(全部取消)反向选择
- Jquery实现全选(全部取消)反向选择
- PHP与JavaScript对多项选择的处理
- php与javascript对多项选择的处理
- php与javascript对多项选择的处理
- php与javascript对多项选择的处理
- 新手JS:实现按钮全部不选、全部选择、反选择功能。
- js选择全部
- Checkbox选择全部(GridView)
- cell全部选择
- 面试时,回答薪酬的几种经典案例
- DataGrid特殊效果
- 在java调试中如何获得被装载类的实际路径
- 循序渐进学习JUnit
- FlyTreeView for ASP.NET 3.2 破解攻略
- 用javascript实现邮件处理中的全部选择与读取选择
- 新闻组使用指南
- 簡介ActionMapping類別
- 大侠宝典:ORACLE常用第三方软件介绍
- 使用Action類別
- 每个开发人员现在应该下载的十种必备工具
- Google疯了:gmail的邀请权增加到50个
- r.a.d.treeview2.5破解手记
- 自定义UserControl的属性为什么不能在设计时显示在属性窗口中