HTML&JavaScript实现全选小例子 - 狂奔的蜗牛 - ITeye博客

`

wujianjun0410

浏览: 103500 次
性别:
来自: 北京

最近访客更多访客>>

LinSiraaa

zhong_jianyu

wananjun

yukang1

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

HTML&JavaScript实现全选小例子

博客分类：

技术随笔

阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>全选或其全不选</title>
<script language="javascript">
function checkAll()
{
 var allCheckBoxs=document.getElementsByName("isBuy");
 for(var i = 0; i<allCheckBoxs.length;i++)
 {
  if(allCheckBoxs[i].type="checkbox")
  {
	if(allCheckBoxs[i].checked==true){
		allCheckBoxs[i].checked=false;
	}else if(allCheckBoxs[i].checked==false){
		allCheckBoxs[i].checked=true;
	}
  }
 }
}
</script>
</head>
<body>
<a href="javascript:checkAll(true)">全选</a>
<a href="javascript:checkAll(false)">全不选</a>
<input type="checkbox" name="" onclick="javascript:checkAll()">全选
<table width="250" height="194" border="0">
  <tr>
   <td width="105"> <input type="checkbox" name="isBuy" /> </td>
    <td width="129" colspan="2">张三</td>
  </tr>
  <tr>
    <td width="105"> <input type="checkbox" name="isBuy" /></td>
    <td width="129" colspan="2">李四</td>
  </tr>
  <tr>
  <td width="105" > <input type="checkbox" name="isBuy"/></td>
    <td width="129" colspan="2">王麻子</td>
  </tr>
   <td width="105"> <input type="checkbox" name="isBuy"/></td>
    <td width="129" colspan="2">赵六</td>
  </tr>
</table>
</body>
</html>

分享到：

常用的正则表达式 | Linux的计划任务

2011-07-07 14:32
浏览 1760
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Javascript实现全选反选: 在JavaScript编程中，"全选反选"功能...二、JavaScript实现全选/反选 1. HTML结构：首先，我们需要在HTML中设置一个主复选框（全选）和多个子复选框： ```html <input type="checkbox" id="selectAll"> 全选 ...

JavaScript与JQuery实现全选例子: 在本文中，我们将深入探讨如何使用JavaScript和jQuery来实现全选功能，并且会详细解析全选、反选以及单个选择等操作的具体实现方法。同时，我们也会对比这两种技术实现方式的不同之处及其适用场景。 ### 一、...

checkbox实现全选和反选经典例子: 综上所述，"checkbox实现全选和反选经典例子"是一个关于如何在Web应用中利用Checkbox控件提高用户交互性的实践教程。通过理解Checkbox的基本操作，结合服务器控件的事件处理和逻辑编程，我们可以创建出高效且易于...

js实现全选效果: 这里我们将详细探讨如何使用JavaScript实现全选和取消全选的效果。首先，我们需要了解HTML结构。在网页中，我们通常会有一个复选框作为全选控制元素，以及一组相关的复选框或单选按钮代表可选项目。以下是一个简单...

简单实现全选反选功能（html）: 在网页开发中，全选和反选功能是常见...总结来说，这个案例展示了如何使用HTML和jQuery实现全选/反选功能，以及如何处理用户交互。通过理解并实践这个例子，开发者可以更好地掌握网页中的动态交互设计，提高用户体验。

js实现全选和反选功能: 在JavaScript中，全选和反选...总的来说，通过JavaScript实现全选和反选功能并不复杂，关键在于正确地获取和操作复选框的`checked`属性。了解这些基础知识后，你可以灵活地应用在各种Web项目中，提高用户的交互体验。

JavaScript例子—实现行的增加、删除、全选、反选: 在这个"JavaScript例子—实现行的增加、删除、全选、反选"的示例中，我们聚焦于如何在HTML表格中实现这些常见的用户交互功能。这个例子可能是一个简单的数据管理或表格操作的教程，旨在帮助开发者理解和掌握...

Element-ui中选择器（select）多选下拉框实现全选功能.zip: 在这个例子中，`handleSelectChange`方法会根据选中值是否包含“全选”来决定是否全选所有其他选项。如果包含“全选”，则将所有选项的值赋给`selectedValues`；如果不包含，则只保留非“全选”的值。通过这种方式...

基于jQuery的三个JS复选框全选反选例子.zip: 本示例“基于jQuery的三个JS复选框全选反选例子.zip”聚焦于如何利用jQuery实现复选框的全选与反选功能，这在表格或者多选项选择场景中非常常见。以下将详细介绍这一功能的实现方式。首先，我们需要理解复选框...

html JavaScript js复选框的全选，多选，全选,全不选，反选: 这个简单的例子展示了如何在网页中使用JavaScript与HTML复选框交互，提供了基本的全选、多选、全不选和反选功能。实际应用中，你可以根据需求添加更多的逻辑，比如验证用户选择的数量或类型等。通过深入学习...

【JavaScript源代码】JavaScript实现复选框全选或全取消操作.docx: 在JavaScript中，实现复选框...这个例子展示了如何利用JavaScript动态地同步复选框的选中状态，实现全选和全取消的功能。在实际开发中，这样的交互能提高用户体验，特别是在用户需要快速选择或取消大量选项时。

js, jQuery实现全选、反选功能.docx: 总结来说，JavaScript和jQuery实现全选、反选功能的核心在于监听全选按钮和子复选框的点击事件，并根据当前选中状态来更新其他复选框的状态。JavaScript通过原生DOM操作，而jQuery则利用简洁的链式操作和事件处理，...

JavaScript全选效果: JavaScript全选效果是网页交互中常见的一种功能，它允许用户通过单击一个按钮或复选框来选择页面上的所有可选元素，如表格中的行或列表项。在HTML文件中实现这种效果通常需要结合JavaScript（一种广泛用于网页动态...

基于JavaScript实现全选、不选和反选效果: 在网页交互中，全选、不...同时，这种实现方式适用于任何有全选、不选、反选需求的场景，只需适当调整HTML结构和JavaScript逻辑即可。在实际开发中，还可以考虑添加更复杂的逻辑，如分组选择或根据特定条件筛选可选项。

一个基于jQuery 实现的的全选、反选复选框插件源码例子: 这个“基于jQuery实现的全选、反选复选框插件源码例子”是一个很好的学习资源，可以帮助开发者理解如何利用jQuery来操控DOM（Document Object Model）中的复选框，并实现全选与反选的功能。首先，我们要了解jQuery...

javascript checkbox全选和反选的简单实现: 当需要对多个checkbox进行全选和反选操作时，可以通过JavaScript来实现这一功能，提高用户交互的便利性。以下是关于使用JavaScript实现checkbox全选和反选功能的知识点。首先，了解checkbox的基本使用方法是基础。...

Global site tag (gtag.js) - Google Analytics