jquery input checked全选与反选1.3.2的版本

最新推荐文章于 2021-02-26 22:32:49 发布
最新推荐文章于 2021-02-26 22:32:49 发布
阅读量82 收藏
点赞数
分类专栏： JQuery 文章标签： jQuery 脚本 JavaScript XHTML HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_650/article/details/81770318
版权

“运行代码”后需要“刷新一次”：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>无标题页</title> 
<script language="javascript" type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> 
<script language="javascript" type="text/javascript"> 
$.fn.checkCbx = function(){ 
return this.each(function(){ 
this.checked = !this.checked; 
}); 
} 
$(function(){ 
$("#btnSelect").click(function(){ 
this.value = this.value == "全选"?"反选":"全选"; 
$("input:checkbox").checkCbx(); 
}) 
}) 
</script> 
</head> 
<body> 
<form name="form1" method="post" action="Default8.aspx" id="form1"> 
<table border="1"> 
<tr> 
<th>选择</th> 
<th>id</th> 
<th>姓名</th> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>1</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>2</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>3</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>4</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>5</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>6</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>7</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>8</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>9</td> 
<td>脚本之家</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>10</td> 
<td>脚本之家</td> 
</tr> 
</table> 
<input id="btnSelect" type="button" value="全选" /> 
</form> 
</body> 
</html>

 

iteye_650
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery 1.42 checkbox 全选和反选代码
10-29
在这个例子中，我们将详细解析如何使用jQuery 1.4.2版本实现复选框的全选和反选功能。 首先，我们需要引入jQuery库。在HTML代码中，可以看到引入了`jquery-1.4.2.min.js`文件，这是jQuery的核心库： ```html ...
jquery input checked全选与反选
weixin_33816821的博客
06-09 189
2019独角兽企业重金招聘Python工程师标准>>> ...
mysql select 反选_jquery input checked全选与反选1.3.2的版本
weixin_39598568的博客
02-26 61
jquery input checked全选与反选1.3.2的版本“运行代码”后“刷新一次”无标题页$.fn.checkCbx = function(){return this.each(function(){this.checked = !this.checked;});}$(function(){$("#btnSelect").click(function(){this.value = thi...
jquery easy ui datagrid 全选、反选、清除
星雲閣
12-24 7020
原文 [javascript] view plain copy //全选   function allselectRow(tableName) {       $('#' + tableName).datagrid('selectAll');   }   //反选   function unselectRow(tableName) {  
JQuery 实现checkbox全选、反选、取消
coding
12-11 545
我是1                 我是2                 我是3                 我是4                 我是5                 我是6                            
jQuery实现的全选、反选和不选功能
weixin_30371469的博客
07-18 167
适用于网页多选后需要进行批量操作的场景（如批量删除等）。如有问题希望大家可以指正。谢谢~~ HTML 我们的页面上有一个歌曲列表，列出多行歌曲名称，并匹配复选框供用户选择，并且在列表下方有一排操作按钮 <ul id="list"> <li><label><input type="checkbox" value="1"> 1.时...
jquery实现的全选反选全不选等等的效果源码
gayayzy的专栏
07-12 1429
test.html:(下载测试的话是必须配置下jquery的文件的。即是： 这个语句需要修改) <!-- 引入jQuery --> $(function(){ //全选 $("#CheckedAll").click(function(){ $('[name=items]:checkbox').attr('checked', true); }); //全不选 $("#Chec
jQuery操作checkbox的全选,反选,radio,select取值
qingfengxia2013的专栏
04-20 80
http://www.cnblogs.com/xyzhuzhou/archive/2012/01/05/2313221.htmljQuery 1.3.2版本下的 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 设置 获取一组radio被选中项的值:var item = $('input[name=items][...
JavaScript全选与反选，实用代码
11-07 392
JavaScript全选与反选 $(function(){ //全选 $("#CheckedAll").click(function(){ //所有checkbox跟着全选的checkbox走。 $('[name=items]:checkbox').attr("checked", this.checked ); }); $('[name=items]:checkbox').c
jquery 实现的全选和反选
10-30
在本示例中，我们将详细探讨如何使用 jQuery 实现全选和反选的功能，这对于批量操作表格中的复选框非常有用。 首先，我们需要一个包含复选框的表格结构。在提供的代码中，我们看到一个简单的 HTML 表格，其中每一行...
jquery实现全选、反选、获得所有选中的checkbox
11-26
$("input[name='checkbox']").attr("checked","true"); }) 2、取消全选（全不选） $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click...
jQuery实现checkbox列表的全选、反选功能
11-26
这里，子复选框的`class`与全选复选框的`data-check-target`值匹配，确保了当全选复选框的状态改变时，可以正确地影响到对应的子复选框。 总的来说，这个例子巧妙地利用了jQuery的事件绑定和自定义属性，实现了复选...
jQuery实现checkbox全选、反选及删除等操作的方法详解
10-16
jQuery提供了强大的DOM操作和事件处理能力，使得实现复选框的全选、反选和批量删除等功能变得非常简单。通过合理组织和封装代码，可以提高代码的可维护性和复用性，使你的网页应用更加高效和灵活。
jQuery全选、反选与获取选中值
11-11
本文将深入探讨jQuery中关于“全选”、“反选”以及“获取选中值”的相关知识点，帮助你更好地理解和应用这些功能。 ### 一、jQuery全选 全选功能通常应用于多选列表或表格中，允许用户一次性选择所有选项。在...
jquery一键控制checkbox全选、反选或全不选
11-27
`<input type="checkbox" id="allChecked">`、`<input type="checkbox" id="invertChecked">`和`<input type="checkbox" id="orChecked">`是控制全选、反选和一键切换的复选框。 6. **JavaScript事件**： 使用`....
用angular实现多选按钮的全选与反选实例代码
08-30
总的来说，通过AngularJS的`ng-checked`和`ng-click`指令，以及控制器中的逻辑处理，我们可以轻松地实现多选按钮的全选与反选功能。这个实例代码提供了一个直观的示例，适用于各种需要多选功能的场景。通过学习并...
jquery实现全选和反选
最新发布
05-18
其中，`#checkAll` 和 `#checkReverse` 分别为全选和反选的按钮的 ID，`$("input[type='checkbox']")` 选择所有类型为 checkbox 的 input 元素。在全选的事件处理函数中，将所有的复选框的 checked 属性设置为 true...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值