Jquery CheckBox全选方法代码附js checkbox全选反选代码_jquery

jquery方法如下:

复制代码 代码如下:

function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//设定全选按钮状态
}

val 该参数传递的是全选按钮的选择状态
name='chkJob' 这个为列表中的checkbox名称
chkAll 就为全选按钮名称
喜欢上了Jquery的简便、明了···
与用JavaScript写的比起来真的有点差距!
eg:
javascript 全选反选代码

复制代码 代码如下:

//全选
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = true;
}
}
}
//反选
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = false;
}
}
}

时间: 2024-12-22 15:31:59

Jquery CheckBox全选方法代码附js checkbox全选反选代码_jquery的相关文章

jquery获取radio单选框值与js获取复选框值代码

<div id="test1">             <input id="radio1" type="radio" name="radio1" value="人">             人             <input id="radio2" type="radio" name="radio1" va

设置网页全屏方法 打开网页不是全屏

打开的网页老不是全屏,要全屏还得按右上角的最大化,在哪里设置,一打开网页就是全屏的呢?? 如下图所示: 研究了半天,才发现这是IE设置的问题!并找出了三个解决方法 解决方法一 新开一个IE窗口,手动拖到最大,按着shift关掉即可. 解决方法二 1.点击"开始"菜单,点击"运行",在命令输入框中输入"Regedit"并按"Enter"键确认,打开注册表编辑器 2.在注册表编辑器中,找到节点HKEY_CURRENT_USERSo

jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)_jquery

本文实例讲述了jQuery头像裁剪工具jcrop用法.分享给大家供大家参考,具体如下: 头像裁剪工具目前比较流行的是flash和jquery的.个人觉得用jquery的比较好,因为代码仔细研究一下,基本上能明白怎么回事,想改的话也比较容易. 有一个例子,请参考:jcrop例子demo ,是根jcrop的例子改的,添加以下二个特点: 1,居中显示,并且可拖拉,改变截取的大小 2,预览的图片,根拖拉的大小成比例. 以下是js代码,作了简单的封装 <!DOCTYPE html PUBLIC "-

jquery获取对象的方法足以应付常见的各种类型的对象_jquery

(1)基本对象获取$("*") 获取所有对象 $("#element") 获取id为element的对象等同于document.getElementById("element"): $(".abc") 获取class为abc的对象 $("div") 获取html中所有的div元素 $("#a,.b,p") 获取id为a和class为b以及所有p元素 $("#a .b p&quo

浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题_jquery

今天用firefox调试一个用jquery里面的封装的方法与后台交互的时候,firefox死活不弹窗. 而之前用谷歌浏览器顺利通过.之后发现各自浏览器对浏览器默认值的处理是不一样的.总结: 如果返回的是json,应该带上该参数,返回的是text也一样. $.post(url,param,function(data),param);//最后一个参数param对应返回信息的类型,一般要带上,避免 因不同浏览器默认设置的不同造成的问题.

jquery事件的ready()方法使用详解_jquery

页面初始化中,用的较多的就是$(document).ready(function(){//代码}); 或 $(window).load(function(){//代码}); 他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合作为页面初始化使用.但有时候也不尽然.需要进一步查看其内部机制. 那么ready的内部是如何判断DOM的结构加载完的?并且不同的浏览器的判断是如何的? 答案就在jquery代

jQuery遍历节点-closest()方法使用详解

closest() 此方法获取第一个相匹配的祖先元素,注意:起始点包括自身元素. 另外这个方法是必须要传入一个选择器表达式参数的,如果不传入参数的话,就会返回一个空的jquery对象. 要注意这个方法和jquery中的parents()方法的区别. 下面来看实例:  代码如下 复制代码 <div class="demo">梦三秋博客     <ul>         <li>第一个li</li>         <li class=

Jquery 实现checkbox全选方法_jquery

昨天早上有写到怎么利用Jquery实现全选 根据大家的意见对程序中一些写法不好的地方进行了修改,也是本人水平有限,存在各种考虑不到的地方. 文章最后我提出了一个问题,要写一个通用的方法来调用,于是就有了现在的这篇文章,晚上回到家,我就写出了效果 下面的例子可以供大家讨论学习,如果觉得不错也可以直接应用到项目中. 1:为什么要写这个方法    网上实现一句话全选全不选的有很多,但是好像都忽略了一个问题,全选的checkbox可以控制下面的子checkbox,但是下面的子checkbox应该也可以控

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

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