全选 js代码

代码:function checkall(checkNames){    var allBoxs = document.getElementsByName(checkNames);    for(var i = 0 ;i<allBoxs.length;i++){        if(allBoxs[i].type == ‘checkbox‘){            if(allBoxs[i].checked==false){                allBoxs[i].checked = true ;            }else{                allBoxs[i].checked = false ;            }        }    }}

使用方法①
<a href="" onclick="checkall(‘goods‘)">全选</a>注意:‘goods‘是所有需要选中的checkbox的name

使用方法②
<a href="" id="checkAll">全选</a>

<script>
document.getElementById(‘checkAll‘).onclick = function () {
    checkall(‘goods‘)};</script>
注意:‘goods‘是所有需要选中的checkbox的name
时间: 2024-10-16 04:28:49

全选 js代码的相关文章

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

全选js实现

前端全选框 <input type='checkbox' name='allSelect' onclick='sel(this)'></input> //有i个选择框 <input type='checkbox' name='isSelect' value='"+data[i].id+"' ></input> js方法实现 <script type="text/javascript"> function s

新版本的jquery checkbox 全选反选代码只能执行一遍,第二次就失败

$("#all_check").click(function() { $("input[name='checkShop[]']").attr("checked",this.checked); }); var $subBox = $("input[name='checkShop[]']"); $subBox.click(function(){ $("#all_check").attr("checke

实现全选功能代码

<script type="text/javascript"> function check(){   var cb1=document.getElementById("allCb");   var chs=document.getElementsByName("item");   for(var i=0;i<chs.length;i++){    chs[i].checked=cb1.checked;    } } </

全选代码

全选js代码: <script>     function CheckAll()  {         var checkall=document.getElementById("chk");           //chk全选按钮的id         var checkid=document.getElementsByName('counts[]');    //counts[]复选框的name         if(checkall.checked==true){  

checkbox复选框全选批量删除

多选框全选实现批量删除 html代码 <body> <form action="" method="post" name="FormName" onsubmit="return checkbox();"> <table > <tr ><td><input type="checkbox" name="checkboxes[]"

jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例

2015年12月21日 10:52:51 星期一 目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态. html: <input type="checkbox" onclick="contracts_checkall()" id="contracts_checkall"> 全选 js: 1 var checkall = $("#contracts_checkall").attr('ch

jQuery实现全选效果

这是一段用jquery实现全选的代码,主要思路如下: 1.所有的复选框都有单击事件,所有效果都是在单击事件下实现的 2.全选复选框所实现的功能与其他复选选项实现的功能不同,所有在单击事件内做一个判断,是否是全选复选框的单击事件 3.如果是,则执行判断全选复选框是否选中,如果当前状态为选中,那么点击后取消勾选,同时取消所有选项的勾选,如果全选当前未选中,点击后勾选,并勾选所有 4.如果不是,说明点击的对象是出全选外的其他选项,那么就要判断当前已经勾选的选项的数量,是否等于除了全选复选框以外所有选项

jquery全选/取消全选(反选)/单选操作

使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body>    <div>        <input id="checkAll" type="checkbox" />全选        <input name="subBox" type="checkbox" />