全部选中复选框

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3  <head>
 4   <title> new document </title>
 5   <meta name="generator" content="editplus" />
 6   <meta name="author" content="" />
 7   <meta name="keywords" content="" />
 8   <meta name="description" content="" />
 9   <script type="text/javascript">
10   function test(sta){
11     var chk = document.getElementsByTagName(‘input‘);
12     for (var i=0;i<7 ;i++ ){
13         chk[i].checked= sta;
14
15     }
16   }
17   </script>
18  </head>
19
20  <body>
21  <input type="checkbox" value="" /><br/>
22  <input type="checkbox" value="" /><br/>
23  <input type="checkbox" value="" /><br/>
24  <input type="checkbox" value="" /><br/>
25  <input type="checkbox" value="" /><br/>
26  <input type="checkbox" value="" /><br/>
27  <input type="checkbox" value="" /><br/>
28
29   <input type="button" value="全选"onclick="test(‘checked‘);">
30    <input type="button" value="全不选"onclick="test(‘‘);">
31  </body>
32 </html>
时间: 2024-11-09 05:54:19

全部选中复选框的相关文章

jQuery - 选中复选框则弹出提示框

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>判断是否选中</title> <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script> <script

选中和取消选中复选框实现背景变色和取消变色

选中和取消选中复选框实现背景变色和取消变色:为了提高表格这种新闻列表的人性化程度,当前有很多措施,最为常见是鼠标悬浮行变色或者隔行变色,本章介绍一下另一种形式,就是前面有一个复选框,选中和取消选中复选框能够实现对应行背景变色或者取消变色,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&

jQuery获取选中复选框的值代码实例

jQuery获取选中复选框的值代码实例:复选框是最为常用的表单元素之一,它提供了一种多选的方式,下面介绍一下如何使用jQuery获取选中的checkbox复选框的值.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/"

如何添加一个空间引导同时选中复选框和标签之间

我试图添加20px复选框和标签之间的空间引导同时选中复选框列表下面使用CSS,但不幸的是,它没有得到应用. HTML <body><select size="5" name="lstStates" multiple="multiple" id="lstStates"><option value="NJ">New Jersey</option><optio

Jquery按空格键选中复选框或单选框

按空格会调用onclick()方法 方法调用 若选中了,执行新增一条信息(table页新增方法) 获得table中所有tr的数据

选中复选框,才能在文本框中输东西

1.$("#i_limit_chk").off('ifChecked ifUnchecked').on('ifChecked ifUnchecked', function(event) {                            if(event.type == 'ifChecked'){                                $("#vc_classroom").attr("disabled",false)

Jquery中复选框选中取消实现文本框的显示隐藏

标签内容 <div class="box"> 请编写javascript代码,完成如下功能要求:<br /> 1.取消复选款后,要求促销价格.促销开始结束日期3个控件不可用.<br /> 2.选中复选框后,要求促销价格.促销开始结束日期3个控件可用. </div> <div class="box"> <table id="table1" class="mytable&qu

ASP.NET MVC中使用MvcPager异步分页+在分页中复选框下一页上一页也保持选中

ASP.NET MVC 分页使用的是作者杨涛的MvcPager分页控件  地址:http://www.webdiyer.com/mvcpager/demos/ajaxpaging/ 这个分页控件在里面有很好的的案例,及注意事项 分页在我们的项目中是经常需要使用到的,普通分页体验是在是太差了,每一次点击下一步,会造成页面刷新,自己都看不过去了 ,O(∩_∩)O哈哈~ 所以这次我们要使用这个控件在做一个MvcPager的异步分页,分页的时候我们只刷新表格,而不是刷新页面 下面我们开始吧 一.分页 首

JQuery实现列表中复选框全选反选功能封装

JQuery实现列表中复选框全选反选功能封装 我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如: 我当时就是简单的实现了,然后想封装到公共的js中,封装的太烂,不好意思贴出来了(就是把实现代码之间放到公共js中,然后每个页面都用固定的id,class,现在想想我都不好意思叫他封装了),然后想到之前老大有写过这个功能去看下他怎么写的,真是没有对比就没有伤害啊,这才叫封装: 1 $(':checkbox[data-check-target]').click(function () { 2