运用JQuery实现全选，和取消的操作

运用JQuery实现全选，反选和取消的操作

代码展示：

<!doctype html>
<html lang="en"><head><title>Document</title><script src="jquery-3.2.1.js"></script><script>$(function(){$("#selectAll").click(function(){$(":checkbox").prop("checked",true);});$("#notSelect").click(function(){$(":checkbox").prop("checked",false);});});</script></head><body><input type="button" id="selectAll" value="全选"><input type="button" id="notSelect" value="取消"><table border="1"><tr align="center"><td>#</td><td>姓名</td><td >爱好</td></tr><tr><td><input type="checkbox"></td><td>郭德纲</td><td>开车，京剧</td></tr><tr><td><input type="checkbox"></td><td>岳云鹏</td><td>做饭</td></tr><tr><td><input type="checkbox"></td><td>于谦</td><td>喝酒，抽烟，烫头</td></tr></table></body>
</html>

运行效果：

运用JQuery实现全选，和取消的操作相关推荐

jquery实现全选、取消反选、加JavaScript三元运算（三种法法实现反选）
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U ...
【 jQuery 】利用 jQuery 选择器实现表格的全选，取消选择，单击更改选中状态，反选等功能，为表格添加光棒效果
利用 jQuery 选择器实现表格的全选,取消选择,单击更改选中状态,反选等功能.如图所示.点击全选按钮,选中所有行,点击取消按钮,所有行为未选中状态,单击反选按钮,则选中的行变成未选中的: 未选 ...
jquery的attr和removeAttr实现checkbox全选和取消全选问题
jquery的attr和removeAttr实现checkbox全选和取消全选问题问题说明: 一个全选和取消全选的功能,界面效果图如下点击全选checkbox则所有checkbox被选中或者取消选 ...
在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他）
一.在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下: // 对全选和取消全选的事件 $("#CheckAll").click(function () { ...
jquery实现全选
jquery实现全选利用jquery自带的循环实现 1.全选按钮主动:其他按钮的选中状态同全选按钮选中状态一样: 2.全选按钮被动:当其他按钮选中状态的数量与其他按钮的数量相同时,全选按钮选中状态, ...
react 全选_react实现全选、取消全选和个别选择
react里面实现全选和取消全选,个别选择等操作,效果如下代码: import React, {Component} from 'react' export default class Demo e ...
jQuery购物车全选总价案例
分析全选思路:里面3个小的复选框按钮(j-checkbox)选中状态(checked)跟着全选按钮(checkall)走因为checked是复选框的固有属性,所以利用prop()方法获取和设置该属 ...
react实现全选、取消全选和个别选择
react里面实现全选和取消全选,个别选择等操作,效果如下代码: import React, {Component} from 'react' export default class Demo e ...
实现checkbox的全选和取消
如果点击全选就把所有选项全选上,这个我们常用... View Code 1 <script type="text/javascript"> 2 /*实现checkbox ...

运用JQuery实现全选，和取消的操作

运用JQuery实现全选，和取消的操作相关推荐

最新文章

热门文章