JQUERY复选框CHECKBOX全选,取消全选

2016-02-19 16:07 5 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐JQUERY复选框CHECKBOX全选,取消全选,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

代码如下:
script type="text/javascript"
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
/script

input type='checkbox' id='id1' name='checkname[]' value='1' /value1
input type='checkbox' id='id2' name='checkname[]' value='2' /value2
input type='checkbox' id='id3' name='checkname[]' value='3' /value3

input type="button" id="checkall" name="checkall" value="全选" /
input type="button" id="delcheckall" name="delcheckall" value="取消全选" /

更加简单的一种:

代码如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").each(function(){this.checked=true;});
}else{
$("input[name='checkname']").each(function(){this.checked=false;});
}
}
);

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1611087.html

延伸阅读
标签: Web开发
代码如下: html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" title全选/title /head body divdemo input type="button" onclick="alert(ob.checkedIds());" value="选中ID"/ input type="button" onclick="alert(ob.checkedTexts());" value="选中值"/ input type="button" onclick="alert(ob.checked...
标签: ASP
  这两天看到有朋友问起html内的各种控件怎么用script进行操作,现在自己也总结一下。因为项目原因,很多程序都是用VBScript写的,感兴趣的朋友可以改写成JavaScript,到时候别忘了共享一下啊,活活。 OK,切入主题,现介绍一下: 今天介绍使用VBScript判断复选框的选中数量和被选中的复选框的值。 在生成某个一览表时,比如一个订货...
标签: ASP
       <input type="checkbox" name="checkbox" value="a">   <input type="checkbox" name="checkbox" value="b">   <input type="checkbox" name="checkbox" value="c">   <input type="checkbox" name="checkbox" value="d">      ...
标签: Web开发
Jquery代码 代码如下: script type="text/javascript" src="jquery-1.4.2.min.js"/script script type="text/javascript" function Checked(){ //定义函数checked $(".chk").each(function(){ //遍历html中class为chk的复选框标签 if($(this).attr("checked") == true){ //如果当前复选框的checked属性为true $(this).attr("checked"...
标签: Web开发
运行后查看效果,需要刷新下。 !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 titlejquery事件2/title script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"/scrip...

经验教程

798

收藏

72

精华推荐

电脑复选框如何开启

电脑复选框如何开启

C, s ! s i.

用Javascript制作复选框

用Javascript制作复选框

催碎小小碎催

jquery判断单个复选框是否被选中的代码

jquery判断单个复选框是否被选中的代码

xiadengsyu

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部