Jquery 多选框全选与取消全选核心代码

核心代码

 代码如下 复制代码

$("#checkall").click(function(){
    if(this.checked){
      $("input[name='check']").each(function(){this.checked=true;});
    }else{
      $("input[name='check']").each(function(){this.checked=false;});
    }
});

例

 代码如下 复制代码

<!DOCTYPE Html>
<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
            function selectAll(checkbox) {
                $('input[type=checkbox]').prop('checked', $(checkbox).prop('checked'));
            }
        </script>
    </head>
    <body>
        <input type="checkbox" onclick="selectAll(this);" />全选<br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        ……
    </body>
</html>
时间： 2024-11-05 04:49:10

Jquery 多选框全选与取消全选核心代码的相关文章

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

 本篇文章主要是对jQuery判断checkbox(复选框)是否被选中以及全选.反选实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery判断checkbox(复选框)是否被选中: if($("#id").attr("checked")==true)   jQuery实现checkbox(复选框)选中.全选/反选代码:    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

jquery实现文本框的文本自动补全效果

 这篇文章主要介绍了jquery实现文本框的文本自动补全效果,大家参考使用吧   代码如下: /*文本自动补全 zhouxiang*/   (function ($) {     $.Completion = function (setting) {         var opts = $.extend({}, $.Completion.DefaultSetting, setting);         //宽度         var Completion_Width = null;    

js判断复选框是否选中及选中个数的实现代码_javascript技巧

用js判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示 <HTML> <head> <title>判断复选框是否选中及选中个数</title> <SCRIPT LANGUAGE="JavaScript"> function countChoices(obj) { max = 2; box1 = obj.form.box1.che

20个复选框 如何让其只能随即选3个复选框

问题描述 20个复选框如何让其只能随即选3个复选框?难道我要一一判断...么? 解决方案 解决方案二:设个计数器,选一个加一,到三就不让选解决方案三:问什么问题..看不懂.解决方案四:先将要抽取的复选框放到一个列表中,随机抽一个就从列表中移除一个.参考如下代码:privatevoidbutton1_Click(objectsender,EventArgse){List<CheckBox>checkBoxs=newList<CheckBox>();//checkBoxs.Add(ch

复选框不同名,如何判断正好选了十个?

问题描述 复选框只能选十个选项(不能少选也不能多选),怎么判断啊?<%dimrsdimsqldimnamesetrs=server.createobject("adodb.recordset")%><formaction="vote.asp"method="post"target="votedo"><tr><tr><td><%dowhilenotrs1.eof%

android设置全屏与取消全屏方法

android提供了两种方式来实现无标题栏和全屏效果,即通过xml文件声明的方式或在程序中动态控制的方式. android设置全屏方法 一.通过程序设置:  代码如下 复制代码     package com.hhh.changeimage:     import android.app.Activity;     import android.os.Bundle;     import android.view.Window;     import android.view.WindowMan

jQuery实现文本框邮箱输入自动补全效果_jquery

  邮箱自动完成的效果在网站上大多都看过,但是质量参差不齐,今天突然在网上看到一篇博客,感觉这个插件很好,就想来写一下分享给大家!  效果图如下: 完整demo代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

一般的复选框一定要按在复选框上才能被选中，这个复选框点击相应的文字就可以被选中

<body><form>           <label for="check1">经常来这里</label>            <input type="CHECKBOX" id="check1" value="often" name="checkoften">           <label for="check2&qu

jquery复选框全选/取消示例

 jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态  功能:   a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态   b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 代码如下: /**  * 全选函数  * @param mainId 主复选框id  * @param klass 下属复选框的class  */ function selectAll(mainId,klass){  $(

jquery复选框全选/取消示例_jquery

功能: a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态 b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 复制代码 代码如下: /** * 全选函数 * @param mainId 主复选框id * @param klass 下属复选框的class */function selectAll(mainId,klass){ $("." + klass).each(function(){     if($("#" +