全部选与全不选

最新推荐文章于 2021-06-11 12:39:52 发布
最新推荐文章于 2021-06-11 12:39:52 发布
阅读量108 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wuliuqi1023/p/10861083.html
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script src="../js/jquery-1.11.0.min.js"></script>
     <script type="text/javascript">
         $(function(){
             //确定事件
        $("#checkTh").click(function(){
//            //获取复选框的状态
//                var $flag = $(this).prop("checked");
//                //alert($falg);
//                //获取复选框其他对象
//                $(".itemSelect").prop("checked",$flag);
//            
        $(".itemSelect").prop("checked",$(this).prop("checked"));
        })
         });
    </script>
    <body>
        <table id="tab1" border="1" width="800" align="center" >
            <tr>
                <td colspan="5"><input type="button" value="添加"/> <input type="button" value="删除"></td>
            </tr>
            <tr>
                <th><input type="checkbox" id="checkTh" ></th>
                <th>分类ID</th>
                <th>分类名称</th>
                <th>分类描述</th>
                <th>操作</th>
            </tr>
            <tr>
                <td><input type="checkbox" class="itemSelect"></td>
                <td>1</td>
                <td>手机数码</td>
                <td>手机数码类商品</td>
                <td><a href="">修改</a>|<a href="">删除</a></td>
            </tr>
            <tr>
                <td><input type="checkbox" class="itemSelect"></td>
                <td>2</td>
                <td>电脑办公</td>
                <td>电脑办公类商品</td>
                <td><a href="">修改</a>|<a href="">删除</a></td>
            </tr>
            <tr>
                <td><input type="checkbox" class="itemSelect"></td>
                <td>3</td>
                <td>鞋靴箱包</td>
                <td>鞋靴箱包类商品</td>
                <td><a href="">修改</a>|<a href="">删除</a></td>
            </tr>
            <tr>
                <td><input type="checkbox" class="itemSelect"></td>
                <td>4</td>
                <td>家居饰品</td>
                <td>家居饰品类商品</td>
                <td><a href="">修改</a>|<a href="">删除</a></td>
            </tr>
        </table>
    </body>
</html>

转载于:https://www.cnblogs.com/wuliuqi1023/p/10861083.html

weixin_30877755
关注
全选与反选
weixin_52163042的博客
12-28 990
全选与反选 具体要求如下： 1）根据数据创建表格； 2）表格在页面中距离上面100像素、水平居中并且其每行内的内容也居中,单元格的高度是：40像素； 3）创建反选按钮并放入表格的下方，按钮的大小为宽：100像素，高：50像素; 4）点击全选按钮则每一项都要选中，如果其中的一项没有选中则全选按钮没有选中 5）点击反选按钮实现反选的功能 <div class="box"> <table> <thead>
全选和反选
qq_41988113的博客
03-15 1731
1. 选中"全选"框，以下所有选项全部勾选。 2. 把"全选"框从选中状态勾选成未选中状态，其他复选框全部取消选中效果。 3. 当其他复选框全部选中，"全选框"为选中状态。 4. 当其他复选框有一个未选中，"全选框"取消选中状态。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style&
全选全不选
weixin_43971385的博客
01-16 283
//全选全不选 checkbox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { if (isChecked){ for (C...
全选/全不选
weixin_55220613的博客
06-11 375
文章目录前言一、复选框1.1 需求1.2 js事件二 、总结 前言 记录一下实现全选/全不选、单项复选框点击，以及这两者之间的相互联动关系。 提示：以下是本篇文章正文内容，下面案例可供参考 一、复选框 1.1 需求 ① 选中全选框，可以选中当前页面的所有数据（所有数据前的复选框自动选中），取消选中全选框满所有记录前的单选框自动取消 ② 当所有的单选框全部选中时，全选框也自动选中，当当前页面的数据有未选中项时，全选框没有选中 代码： <form action="/category/
全选和全不选.
W_O_thing的博客
06-25 272
全选全不选的简便写法. H5: <input id="fruit" type="checkbox" > 水果 <div id="body"> <input type="checkbox" name="fruitchecked"> 苹果 <br> <input type="checkbox"...
最简单 的全选 全不选
夏小球的博客
01-31 514
1.时间都去哪儿了 2.海阔天空 3.真的爱你 4.不再犹豫 5.光辉岁月 6.喜欢妳 //全选全不选 绑定行内 checkbox 点击事件 //全选/全不选【可以绑上事件】 $("#all_checked").click(function() { $('[name=test]:checkbox').p
PyQt5 一组QRadioButton全不选的实现方式
04-13
在项目中遇到buttonGroup下的3个radioButton在选中后，不能恢复初始的全不选状态。经过CSDN论坛陈年椰子的指点，实现了该功能。 特做了演示工程，实际测试可用。贡献给同样有困惑的同学。 本工程的模块版本如下： ...
全选 全不选
05-14
选中全选复选框 所有的复选框都选上，如果取消全选，所有的复选框都取消勾选，如果选中一个复选框，那么全选复选框就也勾选上，当所有的复选框取消选择，全选复选框也取消选中状态...
Vue实现全选，反选，全不选
tanfei_的博客
11-12 2822
Vue实现全选，反选，全不选 在vue中实现默认选中以及获取单选/复选框的value值都会用到同一个方法，那就是在data中定义一个数组，然后用v-model=“这个数组” data: { whoms:[1,2], } 这样就会默认选中value值是1和2的，当然也可以是字符串 <td><input type="checkbox" name="nid" id="...
全选，全不选，不全选按钮
12-29
选中全选按钮，则checkbox【name=‘tids’】全部选中，有一个name为'tids'的没有选中，则全选按钮不选中，当name为'tids'全部选中，则全选自动选中
Vue+Vant制作单选全选全不选以及删除按钮van-checkbox
weixin_41041567的博客
09-26 6315
在官网上看到vant组件特别好用，就尝试使用checkbox制作单选全选，由于是下午头脑不清楚所以没想通思路，导致了一部分的错误，经过我的老大指点，才想通如此简单的思路，就是都亮和都不亮的区别。 全选全不选 1. 引入组件 import Vue from ‘vue’; import { Checkbox, CheckboxGroup } from ‘vant’; Vue.use(Checkb...
全选，全不选功能
darkZXB的博客
04-08 1177
需求： 1.点击全选，子项全部选中，再次点击，则全部不选中。 2.选中全部子项，全选选中，没有选中则不选中全选按钮。 前端部分： 调用：Ack.checkedChoicefn("itemsAll","items"); <div class="controls"> <label class="checkbox" > <input type="checkbox" value="1" name="itemsAll...
全选与全不选以及个别选
weixin_42453826的博客
03-07 411
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&
全选全不选案例
46054543的博客
11-07 619
全选框案例： 先看效果图： 核心思路如下： 全选点击事件： 单选checked状态跟随全选 单选for循环点击事件： 默认flag = ture；只要有一个按钮没选中，flag = false 即 全选框就不勾选 scirpt核心代码如下： //全选点击事件，单选跟随全选 allCheck.onclick = function () { for (var i = 0; i < oneChecks.length; i++) {
全选 全不选 js
我是寒风的博客
04-12 134
<script src="jquery-3.2.1.min.js"></script> <script> $(function(){ $('#cheall').click(function(){ if (this.checked==true) { ...
利用Javascript实现全选和全不选
mover999的博客
09-30 7812
最近开始练习js的基本操作，常常因为一些小疏忽导致页面效果无法实现。这篇博客中我来总结一下如何js实现全选和全不选。 1.首先你需要了解input标签中复选框。当该复选框被选中时，调用该元素checked属性的值为true。这一点是我们利用js实现该效果的第一个要点。 2.全选：当鼠标点击全选这个复选框时，调用函数allSelet().使用for循环遍历每一个需要被选中的input元素（我们它...
全选全不选，angularJS如何实现？
weixin_43634715的博客
03-25 632
最近在学习angularJS，相比于jQuery，angularJS双向数据绑定的功能真的很方便，很强大。但是在实现checkbox全选全不选的时候，好像没有找到可以直接用的方法。于是决定自己写一个。 jQuery的实现思路：操作dom结构树，找到需要全选的所有子复选框； angularJS的思路：通过数据的双向绑定实现。 1、JS代码： //单个购物车全选；全不选 $scope.sel...
全选、全不选、反选功能的实现
飞鱼同学
01-26 4632
全选、全不选、反选 实现的功能是： 选中下面全选框，全部的框都会选中，反之就会全不选中； 当点击反选按钮时，选择框中的选框状态置反，选中的变为没选中，没选中变为选中 直接上代码： index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选、全不选、反选</title> </head> <body> <f
jQuery实现复选框全选与全不选功能详解
这个函数的主要目的是响应全选/全不选操作。当用户点击全选按钮时，`$("#all").click()`事件触发，判断`this`元素是否被选中。如果全选按钮被选中（`this.checked`为`true`），则遍历所有`<input type="checkbox">`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值