checkbox全选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-type" content="text/html; charset=gb2312" />
<title>checkbox全选js代码</title>
<script>
//列表checkbox全选
function unselectall()
{
    if(document.myform.chkall.checked){
 document.myform.chkall.checked = document.myform.chkall.checked&0;
    }  
}
function checkall(form)
{
 for (var i=0;i<form.elements.length;i++){
    var e = form.elements[i];
    if (e.name != "chkall"&&e.disabled==false)
       e.checked = form.chkall.checked;
    }
}

</script>
</head>

<body>
<form name="myform">
  <p>
    <input type="checkbox" name="chkall" id="chkall" />
   
    <input type="checkbox" name="chkall" id="chkall2" />
    <input type="checkbox" name="chkall" id="chkall3" />
    <input type="checkbox" name="chkall" id="chkall4" />
    <input type="checkbox" name="chkall" id="chkall5" />
    <input type="checkbox" name="chkall" id="chkall6" />
    <input type="checkbox" name="chkall" id="chkall7" />
    <input type="checkbox" name="chkall" id="chkall8" />
    <input type="checkbox" name="chkall" id="chkall9" />
    <input type="checkbox" name="chkall" id="chkall10" />
    <input type="checkbox" name="chkall" id="chkall11" />
    <input name="" type="button" onclick="checkall(this.form)"  value="全选"/>
  </p>
  <p><a href="网页特效:checkall('myform');">全选</a> <a href="javascript:unselectall('myform');">取消全选</a></p>
</form>
</body>
</html>

时间： 2024-09-10 23:29:31

checkbox全选js代码的相关文章

javascript实现checkbox全选的代码_javascript技巧

代码: 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 = f

jquery checkbox 全选效果代码

jquery checkbox 全选效果代码,很简单的一句代码就可以了,如$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')); 哦, 下面来看实例 jquery代码如下 <script type="text/网页特效"> function selectall(checkbox) { $('input[type=checkbox]').attr('checked', $(checkbox

javascritp checkbox全选反选代码

javascritp checkbox全选反选代码 //全选与反选 <script type="text/网页特效"> var checkflag = "false"; function check(field) {      if (checkflag == "false")      {            for (i = 0; i < field.length; i++)            {           

Jquery CheckBox全选方法代码附js checkbox全选反选代码_jquery

jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为

javascript实现checkbox全选的代码

  本文给大家分享的是js实现checkbox的全选的代码,在网页制作中很常用的js代码,供大家学习参考. 代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 function checkall(checkNames){ var allBoxs = document.getElementsByName(checkNames); for(var i = 0 ;i<allBoxs.length;i++){ if(allBoxs[i].type == 'checkbox'){ if(al

总结jQuery checkbox全选/反选代码

在修改Hi GPA的时候需要增加一个全选用户的功能,结果被坑惨了. 首先,最终代码是这么写的:  代码如下 复制代码 var text = $('#select-all-student').html(); if (text == '全选') {     $('input[name="studentNumber"]').prop('checked', true);     $('#select-all-student').html('取消全选') } else {     $('inpu

最简单的checkbox全选功能Jquery代码

记载一段最简单的全选功能Jquery代码.好东西要收藏,故在此留下印记,以供后人考证!  代码如下 复制代码 $(function(){  $("#chkAll").click(function(){   $("input:checkbox").attr("checked",$(this).attr("checked"));  }); }); 例 checkbox全选/反选  代码如下 复制代码 <html> &l

js/jquery实现checkbox全选和全不选代码总结

代码分析 html代码  代码如下 复制代码 <form name="myform" method="post" id="myform" action="" >  <input name='id' type='checkbox' onclick='unselectall()' id='id' value='1'> 设计家园  <input name='id' type='checkbox' onc

基于JS实现checkbox全选功能实例代码_javascript技巧

需求:要求实现点击全选选中所有菜单,再次点击全选取消选中.此功能经常会用户,下面小编给大家分享下实现代码,一起看看吧! 效果图如下: 点击全选之前: 点击全选之后: 再次点击全选之后: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> &l