//选中的复选框
function isSelect(){
var obj = document.getElementsByName('checks');
var flag = false;
var display = '选中的车是：';
for(var i=0;i<obj.length;i++){
if(obj[i].checked==true){
flag = true;
display += ' ' + obj[i].value;
}
}
if(flag)
alert(display);
else
alert('你没有选择任何兴趣');
}
//全选
function checkAll(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++)
names[i].checked = true;
}
}
//全不选
function checkAllNo(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++)
names[i].checked = false;
}
}
//复选框处理
function checkEvent(name, allCheckId) {
var allCk = document.getElementById(allCheckId);
if (allCk.checked == true) checkAll(name);
else checkAllNo(name);
}
//反选
function reserveCheck(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++) {
if (names[i].checked)
names[i].checked = false;
else
names[i].checked = true;
}
}
}
<body>
<input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />
全选
<input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')"
/>
反选
<br />
<input type="checkbox" name="ck" value="1" /> 篮球
<br />
<input type="checkbox" name="ck" value="2" /> 旅游
</body>
分享到：
相关推荐
JavaScript 复选框实现批量选择 在开发过程中，经常会遇到对查询列表中的记录进行批量操作的情况，例如批量删除、批量编辑等。实现这种批量选择的方法往往是使用 JavaScript，通过在每条记录前面加一个复选框，然后...
js 实现 被选中的复选框求和! 值得下载看看!资源免费,大家分享!!
复选框选中表格中的行进行删除行操作 复选框选中表格中的行进行删除行操作 复选框选中表格中的行进行删除行操作
jQuery滑动复选框操作菜单
总结了javascript对复选框的一些操作，包括全选、反选、传值等。相信会给你带来帮助。
总结，这个示例展示了如何在GridView中添加复选框，并利用JavaScript实现全选/全不选功能，以及在后台处理批量删除操作。在实际开发中，还需要考虑用户体验、数据验证、错误处理和安全性等多个方面，以构建健壮的...
jquery版本的复选框全选和不选，简单而且好用，我是在项目中摘要出来的小示例。
用js对复选框控件进行，全选，全部取消，shift+鼠标点击选中不规则的多个
JavaScript实现复选框全选或全取消操作 本文实例为大家分享了JavaScript实现复选框全选或全取消的具体代码，供大家参考，具体内容如下 实现思路 1、获取总选框、所有小选框元素对象 2、按钮控制小按钮- - -给总...
根据数据的层次码，自动生成一个带复选框的树，对树进行操作后，点提交，可返回操作参数。
在网页开发中，经常需要实现复选框（checkbox）的全选、全不选以及反选功能，以便用户能够方便地批量操作。本篇将详细讲解如何使用JavaScript（Js）实现这一功能，并提供一个具体的代码实例。 首先，我们需要了解复...
JavaScript 中 DOM 复选框选择用法实例是指在 JavaScript 中使用 DOM 操作复选框的方法，包括全选、全清和反选等实例分析。以下是相关知识点的总结： 1. 获取所有复选框对象数组：使用 `document.getElementById` ...
Spry验证复选框是Dreamweaver CS6中的一个强大工具，它允许开发者设置特定的验证规则，确保用户在提交表单时按照预期的方式操作。例如，你可以强制用户至少选择一个复选框，或者限制他们可以选择的复选框数量。这样...
在网页开发中，Layui 是一...通过以上步骤，你可以轻松实现 Layui 复选框的全选与取消功能，为用户提供更加便捷的操作体验。在实际项目中，你可能需要根据具体需求进行微调，例如添加多级复选框或者处理更复杂的逻辑。
这里的`id`属性用于唯一标识该复选框，方便通过JavaScript进行操作。 在实际应用中，复选框经常与其他元素一起使用，如表格中的行或列表项。在给出的示例中，创建了一个包含全选和反选功能的表格，以及一系列可以被...
本文实例介绍了javascript实现checkbox复选框实例代码以及对checkbox复选框进行美化操作，分享给大家供大家参考，具体内容如下 1、checkbox复选框进行美化操作 复选框默认外表的美观度差强人意，能够满足美观度要求...
在本文中，我们将深入探讨如何在Layui的表格组件(table)中实现复选框的禁用功能，以便用户无法勾选特定的行。Layui是一个轻量级的前端框架，提供了丰富的UI组件，包括表格，而复选框则是表格中常用的交互元素。 ...
在JavaScript（JS）中，实现复选框的全选和批量删除功能是常见的前端交互需求，尤其是在电商网站或管理系统中。下面将详细讲解如何通过JS实现这两个功能。 首先，我们来看全选功能的实现。全选功能通常由一个主复选...
总结，layui监听表格复选框选中值的方法主要包括：初始化表格数据、监听复选框事件、处理选中和取消操作，以及异步请求后台。通过这种方式，我们可以灵活地根据用户的交互更新数据并传递给服务器，实现了动态数据...
通过js简单实现下复选框全选与全不选，很常用的一个操作，具体实现思路及代码如下，有需求的朋友可以参考下，希望对大家有所帮助