jQuery全选/反选checkbox

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>checkbox全选/反选</title>
  <script src="jquery.js"> </script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#check").change(function(){
        //全选/反选所有name="goods"的checkbox
        $("input[name=‘goods‘]").prop("checked",this.checked);
        //全选/反选所有checkbox
        //$("input[type=‘checkbox‘]").prop("checked",this.checked);
    });
  });
  </script>
 </head>
 <body>
 <center>
    全选/反选<input type="checkbox" id="check"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
    <input type="checkbox" name="goods"/><br/>
</center>
 </body>
</html>
时间: 2024-10-12 17:20:34

jQuery全选/反选checkbox的相关文章

jQuery全选反选插件的写法

jQuery全选反选插件,经易让你实现一个表单列表数据的全选与取消全选功能,内含示例,小巧实用.自动判断当前选中数量,加上全选.在没有jQuery之前,我们需要一大段js代码来实现这种效果.有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件.我将它命名为jQuery.fn.check插件.前端框架分享 在构建我们的插件之前,我们想考虑一下其功能需求: 所有复选框的状态都随全选复选框的状态而发生变化:如果所有复选框都被选中时,全选复选框立即处于选中状态:如果当前选

jquery 全选 反选 取消 批量删除

首选引入jquery 全选 //全选 function myall(){ $("input[name='d[]']").each(function(index,e){ $(this).prop('checked',true); }); } 取消 //当true改为false时为取消 // function no(){ // $("input[name='d[]']").each(function(index,e){ // $(this).prop('checked'

jquery全选反选

//全选反选$(document).on("click",".all",function(){    if($(".all").is(":checked")){        $(".bll checkbox").prop("checked", true);    }else    {        $(".bll checkbox").prop("chec

简单的jquery全选反选案例

本demo适合刚学习jQuery的战友学习. 一个星期平均有4次晚上是吃  某荔村肠粉,所以内容就是我晚上经常点吃的那些.一般我都是吃14块钱. 效果如图: HTML代码: 1 <ul id='food'> 2 <li><input type="checkbox" value='8'>8元 红豆沙</li> 3 <li><input type="checkbox" value='5'>5元 青菜

关于jquery全选反选 批量删除的一点心得

废话不多说直接上代码: 下面是jsp页面的html代码: <table id="contentTable" class=""> <thead> <tr> <th><input type="checkbox" id="All" value="全选/全不选" />全选/全不选</th> </tr> </thead>

JQuery全选/反选设置

/**  * HTML代码  */ <div class="checkbox-filter">     <label class="select"><span>近一年</span></label>     <label class="cut"></label>     <label val="1Min" class="cb&qu

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

jquery实现全选/反选功能

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多选框全选/反选</title> <script src="http://res01.xesimg.com/jquery/jquery.min.js">&l

jQuery 复选框全选/取消全选/反选

jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(fun