javascript实现全选/全不选/反选

最新推荐文章于 2022-09-10 10:02:58 发布
最新推荐文章于 2022-09-10 10:02:58 发布
阅读量188 收藏
点赞数
分类专栏： 自我代码 文章标签： JavaScript Java ViewUI
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<script type="text/javascript">
function dosubmit(name,id)
{
var names=document.getElementById(id);
if(names.checked==true){
checkedAll(name)
}
else{
checkedNo(name)
}
}

//全选
function checkedAll(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 checkedNo(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 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;
}
}
}

</script>

<head>
<title>全选/全不选/反选</title>
</head>
<body>

<form id="form2" action="" name="buyForm" method="post">
<input id="checkQuan" type="checkbox" οnclick="dosubmit('fuyun','checkQuan')"/>全选/全不选
<input id="checkFan" type="checkbox" οnclick="reserveCheck('fuyun','checkQuan')"/>反选<br>
<input name="fuyun" type="checkbox" value="fuyun1"/>1<br>
<input name="fuyun" type="checkbox" value="fuyun2"/>2<br>
<input name="fuyun" type="checkbox" value="fuyun3"/>3<br>
<input name="fuyun" type="checkbox" value="fuyun4"/>4<br>
</form>
</body>
</html>
fuyun369
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery实现全选、反选、取消全部等操作(复选框checkbox)
m0_61549984的博客
04-17 1519
this.checked){//一旦有一个未选中，则全选按钮 设置不选中。//将全选框的checked属性设置为false，也就是不选中全选框。//当前控件是选中的则设置为不选中，当前控件未选中的则设置为选中。$(this).parent().parent()是祖父节点tr。//选择class="userid"的控件，设置全部都不选中。//选择class="userid"的控件，让全部都选中。//选择class="userid"的控件，并执行循环。//选择class="userid"的控件。
全选与反选
weixin_52163042的博客
12-28 979
全选与反选 具体要求如下： 1）根据数据创建表格； 2）表格在页面中距离上面100像素、水平居中并且其每行内的内容也居中,单元格的高度是：40像素； 3）创建反选按钮并放入表格的下方，按钮的大小为宽：100像素，高：50像素; 4）点击全选按钮则每一项都要选中，如果其中的一项没有选中则全选按钮没有选中 5）点击反选按钮实现反选的功能 <div class="box"> <table> <thead>
JS全选与反选
qq_34082921的博客
09-10 1564
【代码】JS全选与反选的代码实现。
js 全选
qq_49438920的博客
06-06 1024
checkbox全选实现，Array.from、every、forEach的应用
用js编写全选/全不选/反选
m0_53679993的博客
04-13 2174
运行出来的图片： 在html的代码如下： 在这里插入代码片 ```<form action="" method="post"> 你爱好的运动是？<input type="checkbox" id="checkedAllBox"/>全选/全不选 <br/> <input type="checkbox" name="items" value="足球"/>足球 <input type="chec
jquery全选/全不选/反选另一种实现方法(配合原生js)
10-27
接下来，我们需要监听用户对“全选/不选”和“反选”按钮的操作。这可以通过jQuery的`$(document).ready()`函数来实现，当文档加载完成时执行其中的代码： ```javascript $(document).ready(function(){ // ... })...
javaScript checkbox 全选/反选及批量删除
10-29
javaScript checkbox 全选/反选及批量删除实现代码，需要的朋友可以参考下。
javascript 全选/反选,取消选择效果
10-29
本篇文章将详细介绍如何使用 JavaScript 来实现全选、反选以及取消选择的效果。 首先，我们需要了解实现这些功能的基本思路。全选功能是选中所有复选框（checkbox），反选则是取消所有已选中的复选框，而取消选择...
html全选反选
12-06
很简单的html全选反选，适合刚开始学习html的同学，非常实用。
JS实现全选、不选和反选
Richard_Jason的专栏
10-24 1336
效果图： 示例代码： 无标题文档 全选: 不选: 反选:        1      2      3      4      5      6      7      8      9      10      11      12      13      14      15      16
javascript实现checkbox全选的代码
12-10
代码： function checkall(checkNames){ var allBoxs = document.getElementsByName(checkNames); for(var i = 0 ;i<allBoxs.length;i++){ if(allBoxs[i].type == 'checkbox'){ if(allBoxs[i].checked==false){ allBoxs[i].checked = true ; }else{ allBoxs[i].checked = false ;
JQuery实现全选、全不选、反选功能
12-12
JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时，页面中所有的复选框都应该为选中状态， 1.1、当再次点击'全选'按钮时，所有的复选框应该是非选中状态。 1.2、当点击子复选框时，'全选'按钮应该是非选中状态。 2、当选中当前页面的所有子复选框时，'全选'按钮应该是'选中'状态。 3、点点击'全不选'按钮时，当前页面的所有复选框置为非选中状态。 4、当点击'反选'按钮时，当前页面选中状态的复选框置为未选中状态，未选中状态的复选框置为选中状态。
javascript实现全选全不选
翻滚吧小牛
12-05 4527
在JSP页面中有6个复选框，第一个复选框是全选和全不选，其余5个为普通复选框，当点击全选复选框后，普通复选框将被全部选中，如果再次点击 全选复选框，那么普通复选框将被全部不选中，同时，如果全选复选框在选中状态下，将普通复选框的选中状态去掉，那么全选复选框也被设为未选中。相反，如果当前全选复选框未被选中，如果普通复选框被全部选中，那么全选按钮也被选中。 下面看JSP中复选框代码
HTML+JS实现简单的多选选项的全选反选按钮
sanmu_1的博客
08-26 5208
前言:多选菜单的全选和反选按钮十分常见,今天就实现一个简单的全选和全不选效果 分析:全选反选按钮关键点在于check类型input的checked属性,当该属性为true时为选中状态,为false时为不选中状态.   下面着手实现效果: 1.编写HTML页面 &lt;input type="button" value="全选" onclick="checkAll()" /&gt; &l...
乘法表.php
Vivian_shuang的博客
08-15 463
html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> me
原生js方式实现全选反选
Mrlonely思考笔记
08-18 3813
/** 复习一下：原生js的一些知识，全选反选虽然是简单的案例，但是很多地方都能用到。 先复习下原理知识点，后面再写一个点餐选择框实例 **/ /**原生js /*需求分析： * （1）点击全选，所有的选择框都是选中状态 * (2)点击全不选择，所有的选择框都是未选中状态 * （3）点击反选，所有的选择框选择状态与自身当前状态相反 /* 思路分析: ...
利用jQuery实现CheckBox全选/全不选/反选
weixin_33982670的博客
06-21 101
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug，经测试jquery-1.3.1.js–&gt;测试通过，jquery-1.5.1.js–&gt;测试不通过。 实现CheckBox全选/全不选/反选代码如下： &lt;%@ page language="java" pageEncoding="UTF-8"%&gt;   &lt;!DOCTYPE HTML PUBL...
JavaScript 实现全选 / 反选功能
大家好，我是 ed.
03-02 5247
JavaScript 实现全选 / 反选功能 构建主体界面 编写 HTML 代码 和 CSS 代码，设计主题界面 <style> #user { width: 500px; text-align: center; } #user, #user th, #user td { border: 1px so...
js实现全选，全不选，反选
weixin_34001430的博客
04-20 84
1 &lt;!DOCTYPE html&gt; 2 &lt;html lang="en"&gt; 3 &lt;head&gt; 4 &lt;meta charset="UTF-8"&gt; 5 &lt;title&gt;Document&lt;/title&gt; 6 7 &lt;/head&gt; 8 &
实现一个具有全选/反选功能的复选框的代码
最新发布
07-14
以下是一个简单的实现具有全选/反选功能的复选框的 JavaScript 代码示例： ```html <!DOCTYPE html> 全选/反选复选框示例</title> </head> 选择你的水果：</h3> ()">全选 <br> 苹果 香蕉 橙子...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值