32.复选框的全选/全部选

最新推荐文章于 2022-06-29 15:04:22 发布
最新推荐文章于 2022-06-29 15:04:22 发布
阅读量60 收藏
点赞数
原文链接：https://my.oschina.net/springMVCAndspring/blog/1518953
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1.效果

232403_mwWE_3015807.png

2.代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>各行换色</title>
        <script>
                function checkAll(){
                    
                var allEle = document.getElementById("selectAll");//得到标题行的复选框
                if(allEle.checked==true){//如果标题行的复选框被选中了   通过 getElementsByName 去设置tbody中所有的复选框 设置为选中
                var everyones =    document.getElementsByName("selectOne"); //通过name类获取对象
                        for(var i=0;i<everyones.length;i++){
                            everyones[i].checked=true;
                        }
                }else{
                    var everyones =    document.getElementsByName("selectOne");
                        for(var i=0;i<everyones.length;i++){
                            everyones[i].checked=false;
                        }
                }
                }
        </script>
    </head>
    <body>
        <table border="1px" align="center" cellpadding="0px" cellspacing="0px" width="300px" height="100px" id="tab">
            <thead>
                <tr>
                    <th><input type="checkbox" οnclick="checkAll()" id="selectAll"/></th>  <!--这里注意绑定了事件，还给了id-->
                <th>姓名</th>
                <th>年龄</th>
                <th>家庭地址</th>
            </tr>
            </thead>
            <tbody>
                <!--每一个tr都 给了一个name属性-->
                <tr>
                    <td><input type="checkbox" name="selectOne" /></td>
                <td>张三</td>
                <td>15</td>
                <td>陕西西安</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="selectOne" /></td>
                <td>李四</td>
                <td>26</td>
                <td>北京海淀区</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="selectOne" /></td>
                <td>小五</td>
                <td>24</td>
                <td>天津大港</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="selectOne" /></td>
                <td>小六</td>
                <td>26</td>
                <td>上海浦东</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="selectOne" /></td>
                <td>小七</td>
                <td>23</td>
                <td>广东广州</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="selectOne"/></td>
                <td>张萌</td>
                <td>12</td>
                <td>重庆</td>
            </tr>
            </tbody>
        </table>
    </body>
</html>
 

转载于:https://my.oschina.net/springMVCAndspring/blog/1518953

weixin_34194702
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QTableWidget自定义表头QHeaderView加全选复选框
weixin_30650039的博客
11-09 2746
1 QTableWidget自定义表头QHeaderView加全选复选框 在使用QTableWidget时需要在表头添加全选复选框，但是默认的表头无法添加复选框，只能用图片画上去一个复选框了。并且实现点击复选框时，发出信号，让QTableWidget中每条记录的复选框都选中，取消时，QTableWidget中每条记录的复选框都取消。并且实现复选框的normal、hov、press...
QTableWidget表头添加复选框实现全选功能
04-08
QTableWidget表头添加复选框实现全选功能。有点投机取巧，但是功能是实现了。实现很简单。
按钮－全选复选框
dfhu97798的博客
03-14 87
1.................. <script> function sel() { o=document.getElementsByName("chkbox") for(i=0;i<o.length;i++) o[i].checked=event.srcElement.checked } </script> &lt...
python 自动化测试多选框全选
weixin_30740295的博客
07-24 948
def click_checkbox(self): ''' 多选框全选操作 获取全部的多选框,一定要用elements, 然后遍历,循环点击 防止反选,is_selected判断是否选中 选中返回True,否则返回False :return: ''' self.driver.get(r'E:\测试2\资料\radio.html') che...
复选框的全选实现方式
CrazyMan666的专栏
02-28 451
<br />复选框 全选的实现<br />function abc()<br />{<br />var m=document.getElementById("goodNum").value;<br />if(document.getElementById("selectAll").checked)<br />{<br />for(i=0;i<m;i++)<br />{<br />document.getElementById("checkBox"+i+"").checked=true;<br />}<br
jquery复选框全选/取消示例
10-26
jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框，再点击取消所有复选框的选中状态
jQuery实现复选框全选/取消全选/反选及获得选择的值
10-25
主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下
实现复选框全选/全不选切换
12-02
<input type=checkbox name=mm value=a onclick=”checkItem(this, ‘mmAll’)”> <input type=checkbox name=mm value=b onclick=”checkItem(this, ‘mmAll’)”> <...
js与jQuery实现checkbox复选框全选/全不选的方法
11-24
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考，具体如下： 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧，很多时候我们都...
python练习题之全选框全不选反选
airangrong6572的博客
07-13 231
功能 实现分为两大部分： 第一body 部分，1，通过<li>无序列表标签实现选项的基本样式，通过input的checkbox标签实现里面的复选框功能。用到了标签的嵌套。然后选项的js方法含有选中和被选中的功能。 2，button按钮部分，通过<button>标签，里面绑定onclick事件，来触发选项标签的函数功能。 第二，script部分。通过fo...
关于点击复选框实现全选
weixin_30609287的博客
02-09 352
$(".all_selec").click(function(){ var flag = $(this).is(":checked"); var checkItems = $("input[name='check']"); for (var i = 0; i < checkItems.length; i++) { checkItems[i].checked =...
复选框的全选与取消全选的一个例子，很好用
qq_30347133的博客
08-08 275
<table border="1"> <tr> <th><input type="checkbox" οnclick="swapCheck()" /></th> <th>Month</th> <th>Savings</th> </tr> <tr>...
pyqt5 qtablewidget表头复选框的全选/反选功能
u010803735的博客
06-29 5298
目录背景一个工具小需求，需要制作一个表格中表头带有全选/反选功能，网上找了许久，pyqt5 qtablewidget资料很少，找到的要么存在bug无法下手修改 表头复选框checkbox连接信号槽函数方法 header.clicked.connect(updateModel)即可更新点击后CheckBox的状态 监听每行item改变状态，同时联动CheckBoxHeader的updateCheckState即可 总结 以上就是整个qtablewidget相关表头复选框的操作细节，底
Pyqt5 QTableWidget/QTableView 行表头添加复选框全选功能
热门推荐
weixin_44429308的博客
05-13 1万+
Pyqt5 QTableWidget/QTableView 行表头添加复选框全选功能 效果预览（先上图，如果不是您想要的效果，可直接略过）： **起因：**因工作需要，需要用Pyqt5制表格，因为要在行表头 添加一个 复选框 实现 全选功能。在选择QTableWidget 类 还是 QTableView 类时不知改如何抉择，于是各种百度各种博客，结果被一博客误导，踩了好几天的坑，辛酸历程在此不表。所以，特此写下此笔记，供喜欢pyqt5的同行们参考。如能帮到您，将是我的荣幸。 思路： QTableWid
qt 复选框设置文字_QTableWidget自定义表头QHeaderView加全选复选框
weixin_42398050的博客
12-31 992
1 QTableWidget自定义表头QHeaderView加全选复选框在使用QTableWidget时需要在表头添加全选复选框，但是默认的表头无法添加复选框，只能用图片画上去一个复选框了。并且实现点击复选框时，发出信号，让QTableWidget中每条记录的复选框都选中，取消时，QTableWidget中每条记录的复选框都取消。并且实现复选框的normal、hov、pressed...
checkbox的全选与取消
来时的路
07-15 408
checkbox的全选与取消肯定有不同的方法，本文介绍的方法的关键点在于：checkbox组的名字相同，点击控制全选的checkbox时调用js，使checkbox组的checked属性与控制全选的checkbox的checked属性保持一致。   &lt;script type='text/javascript'&gt; function selectAll(e) { //返...
qtablewidget 复选框选中_qtablewidget表头增加复选框
weixin_29711757的博客
01-17 298
该楼层疑似违规已被系统折叠隐藏此楼查看此楼void QtCheckHeaderView::paintSection(QPainter* painter, const QRect& rect, int logicalIndex) const{mSectionRects.insert(logicalIndex, rect);if (mCheckableIndexes.contains(log...
QTableWidget中加入复选框
jiong_1988的专栏
04-19 1万+
http://jesserei.blog.163.com/blog/static/121411689201011013954727/ 图片： 我已经解决加入复选框的,不知道这个效果合适不合适? for(int i=0;i         ui->table->setCellWidget(i,0,new QCheckBox());     for(int
Python—tkinter实现勾选框以及全选和反选
chaodaibing的博客
09-23 7966
经过长期探索，自己终于探索出了一套完善可行的tkinter的勾选框方案，分享给大家。单个勾选框容易，关键是如何根据一个列表，设置一组勾选框，能够四个一组换行，能够全选和反选，能够获取到选择的值。 import tkinter as tk from tkinter import ttk,messagebox,filedialog #点击勾选框触发 def getselect(item): print(item,'selected') #反选 def unselectall(): for index,
html复选框全选和取消全选
最新发布
05-14
复选框全选/取消全选示例</title> <script type="text/javascript"> function selectAll(source) { checkboxes = document.getElementsByName('items'); for(var i=0, n=checkboxes.length;i;i++) { ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值