jquery实现全选反选功能

 

 全选功能
$(function () {
$('#allchecked').click(function () {
if ($('#allchecked:checked')) {
$('td input').attr('checked', true);
}
if (!$('#allchecked').attr('checked')) {
$('td input').attr('checked', false);
}
})
反选功能
$('#Checkbox8').click(function () {
if ($('#Checkbox8').attr('checked')) {
if ($('td input').attr('checked'))//选中的
{
var bufen = $('td input').each(function () {
$(this).attr('checked', !$(this).attr('checked'))
})
}
}

})
})

时间: 2024-11-08 17:29:26

jquery实现全选反选功能的相关文章

JQuery实现列表中复选框全选反选功能封装(推荐)_jquery

我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如: 我当时就是简单的实现了,然后想封装到公共的js中,封装的太烂,不好意思贴出来了(就是把实现代码之间放到公共js中,然后每个页面都用固定的id,class,现在想想我都不好意思叫他封装了),然后想到之前老大有写过这个功能去看下他怎么写的,真是没有对比就没有伤害啊,这才叫封装: $(':checkbox[data-check-target]').click(function () { var target = $(this).attr(

总结jQuery checkbox全选/反选代码

在修改Hi GPA的时候需要增加一个全选用户的功能,结果被坑惨了. 首先,最终代码是这么写的:  代码如下 复制代码 var text = $('#select-all-student').html(); if (text == '全选') {     $('input[name="studentNumber"]').prop('checked', true);     $('#select-all-student').html('取消全选') } else {     $('inpu

AngularJS实现全选反选功能_AngularJS

AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事. 这里用到AngularJS四大特性之二----双向数据绑定 注意:没写一行DOM代码!这就是ng的优点,bootstrap.css为了布局,JS代码也只是简单创建ng模块和ng控制器 效果: <!DOCTYPE html> <html lang="en&quo

jquery javascript全选反选代码(1/2)

代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为全选按钮名称 喜欢上了Jquery

jquery checkbox全选反选实现代码

在jquery中我们要判断checkbox是否选中我们可以直接使用 if($("#id").attr("checked")==true) 来操作. 那么如果我们要实现多个checkbox全选反选就可以利用each进行遍历了 jquery代码  代码如下 复制代码 function selectall(){      var arrChk=$("input[name='deleteid']");//checkbox名称        $(arrCh

jQuery实现全选反选效果代码

例  代码如下 复制代码 <script language="javascript" type="text/javascript">  function checkAll(){    jQuery(":checkbox").attr("checked","checked");   }  function unCheckAll(){    jQuery(":checkbox")

jquery checkbox全选反选效果代码_jquery

你最喜欢的体育运动是? 你的姓名: 足球 篮球 兵乓球 游泳

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证_jquery

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> &l

jquery实现全选、不选、反选的两种方法_jquery

在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用prop取值时,真的为"true",假的为"false".经过网上参考一些资料,及根据官方的建议这两个用法:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr(). 方法一: