利用js写全选操作

<script type="text/javascript">    function checkall(qx)    {        var ck=document.getElementsByClassName("ck");        if(qx.checked)        {            for (var i=0;i<ck.length;i++)            {                ck[i].setAttribute("checked","checked");            }        }        else {            for (var i = 0; i < ck.length; i++) {                ck[i].removeAttribute("checked");

}        }    }

</script>
时间: 2024-10-24 22:08:05

利用js写全选操作的相关文章

第十六篇 JS实现全选操作

JS实现全选 嗨,同学们好,老师这里是专门教同学解决一些针对性的问题,所以说综合起来,就要靠同学自己了. 这节课我们学一个很实用的东西,全选操作!比如淘宝这种商城对吧,我的购物车,我要全选购买,或者删除,一个一个的来肯定麻烦,所以就有了全选和批量处理,那就是复选框! 这里我们用一个table表格来控制吧!看代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&

利用js实现全选、反选、全不选(button)

<!DOCTYPE html><html><head><meta charset="utf-8"/><title></title><script type="text/javascript">window.onload=function(){var allSelect=document.getElementById("allSelect");var noSelec

单选,全选操作js相关技术

jsp上编写全选框,单选框 全选框 1 <td class="TableHeaderCell" style="width: 30px;"> 2 <input id="checkedAll" type="checkbox"> 3 </td> 单选框 <input id="fappChecked" name="checkedFapp" type=&q

JS实战 &#183; 复选框全选操作

思路: 1.获取被选中checkbox,通过checked属性的状态完成: 2.获取被选中的checkbox的value值: 3.求所有value的和sum: 4.定义span区域存储和sum: 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>表单组件:全选操作</title

用js做出全选和反选效果

效果图如下: <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" language="javascript"> $(function(){  $("#selecAll").clic

利用JQuery实现全选和反选的几种方法

前面介绍了利用JavaScript实现全选功能,其中也有要注意的几点,现在讲解下在JQuery怎么实现全选和反选,下面提供了两种方法实现. 如图:要实现的效果是点击全选框全部选中,再点击全部不选中 方法一思路:1.导入jQuery库,这个网上可以下载,是免费开源的,2.设置class为fruit,通过prop设置它们的属性. 方法一:jQuery代码: 1 //定义标识,true表示选中 2 var chkall = true; 3 $(function () { 4 //全选按钮设置点击事件

js实现全选功能

<!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> <meta http-equiv="Content-

JS checkbox 全选 全不选

/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/> 以下方法各有优劣,使用时根据情况而定. */ //全选(方法一:each 循环) function checkAll() { $.each($("input[name=cbx]"), fun

checkbox 全选操作

1 <html> 2 <head></head> 3 <body> 4 <div id="places"> 5 <input type="checkbox" name="chx" value="1" onclick="_check_status(this)"/>香港 6 <input type="checkbox&quo