关于全选问题实例代码如下

方法1

    

function checkBox(obj){

var input = document.getElementsByName("id[]");    var length = input.length;    if(obj.checked==true){        for(i=0;i<=length;i++){            input[i].checked = true;        }    }else{        for(i=0;i<=length;i++){            input[i].checked = false;        }    }}// 导出excel$("#excel").click(function(){    $id = document.getElementsByName(‘id[]‘);    $arr = new Array;    for($i=0;$i<$id.length;$i++){        if($id[$i].checked){            $arr += $id[$i].value+‘,‘;        }    }方法2     

<script type="text/javascript">
//页面加载
//获取onclick对象,并绑定onclick时间
//将所有的checkbox打钩
window.onload = function(){
//获取name的值等于anniu的元素
alert(1);
var input_obj = document.getElementsByName("anniu");
//这里anniu元素是一个集合,将它的长度赋值给input——obj——len;
var input_obj_len= input_obj.length;
document.getElementById("select").onclick = function()
{

for(i=0;i<input_obj_len;i++)
{
input_obj[i].checked="checked";
}
var $arr = input_obj.val();

}
document.getElementById("reselect").onclick = function()
{
for(i=0;i<input_obj_len;i++)
{
input_obj[i].checked=false;
}
}
}
</script>

				
时间: 2024-12-09 20:03:23

关于全选问题实例代码如下的相关文章

javascript实现复选框全选和取消代码分析

javascript实现复选框全选和取消代码分析:复选框是常用的元素之一,而点击实现全选和取消全选又是最为常用的功能,特别是在批量操作管理中,非常的方便,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.soft

简单JS全选、反选代码

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

jquery实现radio按纽全不选和checkbox全选的实例

用jquery实现以下两个这个功能: 1.对所有单选按纽中radio全不选 单选按纽:<input type="radio" name="f1">A <input type="radio" name="f1" checked>B <input type="radio" name="f1">C <script type="text/jav

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

javascript 全选 反选 js代码

<script type="text/javascript"> //全选function checkAll() { var objs = window.document.getElementsByTagName("input"); for(var i=0;i<objs.length;i++){ if (objs[i].type == "checkbox" && objs[i].disabled==false){

jQuery实现的checkbox复选框全选和全不选效果

jQuery实现的checkbox复选框全选和全不选效果:复选框的全选和全不选效果在代码中非常的常用,尤其在批量处理的需求中更是如此,下面就通过一个代码实例简单介绍一下如何实现此效果,希望能够对需要的朋友有所帮助,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:

实现全选和取消全选

点击“全选老大”实现全选,再次点击取消全选,以此类推. html代码是不变的: <div id="mycheckbox"> <input type="checkbox" id="selectAll"><br> <input type="checkbox"><br> <input type="checkbox"><br> &l

全选按钮的设定和POST处理当前循环的列表

以下为全选按钮的代码,通过class实现. //全选按钮 $(function () { $("#selectall").change(function () { var ischecked = $(this).prop("checked"); $(".msglists").each(function () { $(".msglists").prop("checked", ischecked) $(&quo

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