jquery小代码之整页全选

待整理......

关于checkbox

$("[name=‘checkbox‘]").attr("checked",‘true‘);//全选
$("[name=‘checkbox‘]").removeAttr("checked");//取消全选
 $("[name=‘checkbox‘]:even").attr("checked",‘true‘);//选中所有奇数

反选
 $("[name=‘checkbox‘]").each(function(){
             if($(this).attr("checked")){
                    $(this).removeAttr("checked");
                } else{
                    $(this).attr("checked",‘true‘);
                 }
      });
获取值
$("#btn5").click(function(){
    var str="";
    $("[name=‘checkbox‘][checked]").each(function(){
     str+=$(this).val()+";";
    })
   alert(str);
});

点击切换全选、全消

function chooseAll(){
  var flag="checked";
  if($("#chooseAll").attr("checked")!="checked"){
    flag="false";
  }
  if(flag==‘false‘){
    $("[name=‘checked‘]").removeAttr("checked");
  }else{
    $("[name=‘checked‘]").attr("checked",‘checked‘);
  }
}

 
时间: 2024-12-29 11:39:33

jquery小代码之整页全选的相关文章

Django框架---jquery实现checkbox的单选和全选

jquery实现checkbox的单选和全选 一.思路 全选:判断“全选”checkbox的状态,如果选中则把tbody下所有的checkbox选中,反之 单选:主要是判断有没有全选,如果不是选中状态就把全选的checkbox状态设置为false,如果是选中就拿所有选中状态下“name=id”的chekbox和所有‘’name=id"的数量去比较,如果一样表示全选了,设置全选的chekbox为选中状态,反之. 二.代码 1.css部分,直接搬运的django项目里面的. <table bo

一行jQuery代码搞定checkbox 全选和全不选

在网站建设中:让复选框全部选中和全部取消是比较常用的:下面就介绍如何用一句话搞定全选功能: 其实很简单:那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码: 好了,我要介绍的方法讲完了: 好吧,别砸鸡蛋:我是开个玩笑:代码在下面 JavaScript部分: function checkAll(obj){     $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked')); } html部分:

jQuery .attr() .prop() .data()区别及全选等问题

DOM的attribute和property 今天讲一个JS的小话题,就是DOM节点的attribute和property的区别,这个点看起来很小,其实背后别有洞天.如果面试一个前端,听他讲讲对这个问题的理解,基本能分辨是不是菜鸟.下面的内容请各位细心体会. 页面有一个INPUT输入框   这个比较简单,没什么好说的,两个值都是’1′.现在我把输入框的值改成100,然后重新取一遍值: 为什么两个值不同了?这就是attribute和property在作怪. Attibute 这 个INPUT节点有

简单的jquery表单验证+添加+删除+全选/反选

//布局 1 <body> 2 <h4><a href="#">首页</a>><a href="#">延时预约</a></h4> 3 <div class="mesg"> 4 <p>请您认真填写以下信息.请您认真填写以下信息.请您认真填写以下信息.请您认真填写以下信息.请您认真填写以下信息.请您认真填写以下信息.请您认真填写以下信息.

jQuery实现Checkbox中项目开发全选全不选的使用

1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>Checkbox的练习</title> 5 <style type="text/css"> 6 *{margin:0px;padding:0px;} 7 table{width:100%;text-align:center;} 8 </style> 9 10 <script

Jquery中对checkbox的各种“全选”或者“取消”功能实现(特别注意1.6+的一定不能使用attr来取属性了!用prop!)

<!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> </h

jquery实现checkbox的单选和全选

一.思路 全选:判断"全选"checkbox的状态,如果选中则把tbody下所有的checkbox选中,反之 单选:主要是判断有没有全选,如果不是选中状态就把全选的checkbox状态设置为false,如果是选中就拿所有选中状态下"name=id"的chekbox和所有''name=id"的数量去比较,如果一样表示全选了,设置全选的chekbox为选中状态,反之. 二.代码 1.css部分,直接搬运的django项目里面的. <table borde

jquery实现表格中各项的全选

通过表格上下的两个全选checkbox对表格子项的全选!注意使用prop(),而非attr()方法.prop()返回的是标准属性true和false.

【jQuery】jQuery操作&lt;input&gt;的聚焦与全选其内容

实现效果: 源代码: $(function() { $("#exist_code_remind").attr("style","display:none"); $(".form-control").click(function(){ var ac = true; $(".code_td_class").each(function(){ if((Number)($(this).text()) == (Numb