`

复选框全选/全不选

    博客分类：
  • js
CC++C#JavaScriptXHTML 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
p {margin:0;font-size:12px;line-height:26px;}
</style>
<script type="text/javascript">
function check_all(obj,cName)
{
    var checkboxs = document.getElementsByName(cName);
    for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
}
</script>
</head>
 
<body>
<p><input type="checkbox" name="all" onclick="check_all(this,'c')" />全选/全不选</p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
</body>
</html>

分享到：
| jq插件之仿“卓越亚马逊”首页弹出菜单效果 ...
评论
发表评论

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

相关推荐

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中，经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能，并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    js与jQuery实现checkbox复选框全选/全不选的方法

    本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考，具体如下： 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧，很多时候我们都...

    juqery实现复选框全选/反选demo源码

    在标题"jQuery实现复选框全选/反选demo源码"中，我们关注的核心知识点是利用jQuery实现复选框的全选和反选功能。这个功能在许多网页应用中都非常实用，比如在表格数据筛选、表单多选等场景。通过简单的jQuery代码，...

    js控制复选框全选、全不选

    在JavaScript编程中，"js控制复选框全选、全不选"是一个常见的需求，尤其在数据表或者选项列表中，用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

    axure复选框全选反选效果.rp

    axure复选框全选反选效果.rp

    复选框全选全不选JS代码

    本文将深入探讨“复选框全选全不选JS代码”的实现原理、应用场景以及如何优化这段代码，以便开发者能够更好地理解和运用到实际项目中。 ### 复选框全选与全不选的概念 复选框（Checkbox）是Web表单中常见的元素，...

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS：实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库，由 GrapeCity 公司开发，它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中，我们经常需要在列头添加复...

    复选框全选、全不选和反选的效果实现.rar

    本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript（JS）实现复选框的全选、全不选和反选功能，这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...

    jquery 复选框 全选，全不选

    &lt;title&gt;jQuery 复选框全选全不选示例&lt;/title&gt; &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;input type="checkbox" id="selectAll"&gt; 全选 ...

    QTableWidget表头添加复选框实现全选功能

    有时候，我们希望在表格的表头中添加复选框，以便实现全选或取消全选的功能，这在处理大量数据时尤其有用。本篇文章将详细解释如何在`QTableWidget`的表头中添加复选框并实现全选功能。 首先，我们需要了解`...

    DataGridView 复选框全选。

    以上就是实现`DataGridView`复选框全选功能的基本步骤。在实际应用中，你可能还需要考虑更多细节，比如如何同步模型数据、处理行插入和删除等。通过这个功能，用户可以更便捷地对大量数据进行批量操作，极大地提高了...

    javascript复选框全选

    javascript 复选框全选，复选框全选，复选框全选

    javaScript实复选框的全选，全不选，反选

    javaScript入门案例之复选框全选，全不选，反选

    javascript复选框实现批量选择

    2. 在列表下方放置一个“全选/全不选”复选框，当选中“全选/全不选”复选框后，列表中的所有复选框都选中，当取消“全选/全不选”复选框后，列表中的所有复选框都取消选中。 3. 当列表中的复选框都取消选中后，...

    Axure RP 复选框全选、反选

    用Axure RP 8.0做的原型设计列子，作用是复选框做全选和非全选，已选的做反选。可以学习下反选或非反选的交互思路。

    Pyqt5 QTableWidget/QTableView 行表头添加复选框全选功能

    通过以上代码，我们就实现了`QTableWidget`的表头复选框全选功能。对于`QTableView`，可以使用`QStandardItemModel`和`QStandardItem`代替`QTableWidgetItem`，原理相同。 这个过程涉及到的知识点包括： - PyQt5的...

    DataGridView行标题加复选框实现全选

    标题中的复选框全选功能无需额外的按钮触发，使得界面更加简洁高效。 本文将详细介绍如何在`DataGridView`行标题中集成复选框，并实现全选功能。 1. **创建项目和添加DataGridView控件** 首先，我们需要创建一个...

    js 实现 复选框全选（二）

    js 实现 复选框全选（二）! 值得下载看看!资源免费,大家分享!!

    jquery复选框全选操作

    以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目中，你可能还需要考虑一些边缘情况，例如当子复选框动态添加或删除时，全选状态的更新等。这个小示例提供了一个基础框架，开发者可以根据具体需求进行...

Magicbox
Global site tag (gtag.js) - Google Analytics