只有一个复选框的全选处理

复选框

网页中经常需要动态的生成多个复选框,通常还有一个"全选"按纽用来选定全部复选框或者全部取消选定。

但需要注意的一个问题是当只剩下一个复选框的时候就无法使用复选框length属性，要单独把一个复选框的情况拿出来判断

<input name="btnAllSelect" type="Button" id="Button" value="全选" class="myButton" onclick="goToForAllSelect()">

下面的脚本中cheIFSelected为复选框的name

<script language="javascript" type="text/javascript">var SelectAllFlag = false;

function goToForAllSelect(){ var doc = document.form1; var l=doc.cheIFSelected.length if(l==null) {  l=1; }  if(l==1){   if(!SelectAllFlag){     doc.cheIFSelected.checked = true;   }else{   doc.cheIFSelected.checked = false;} }else{   for(i = 0; i < l; i++){    if(!SelectAllFlag){     doc.cheIFSelected[i].checked = true;    }else{     doc.cheIFSelected[i].checked = false;     }    }  } if(!SelectAllFlag){  SelectAllFlag = true;  doc.btnAllSelect.value=" 全不选 "; }else{  SelectAllFlag = false;  doc.btnAllSelect.value=" 全 选 "; } }

</script>

时间： 2024-12-05 07:25:30

只有一个复选框的全选处理的相关文章

Javscript实现表单复选框的全选功能

复选框 有很多人不知道在多选框中全选怎么还编写代码.其实很简单,下面就是代码以及说明,请仔细阅读. <script language="javascript"> //代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮    function selectAll()     { for (var i=0;i<document.form1.memberId.length;i++) { var temp=do

jQuery对checkbox 复选框的全选全不选反选的操作_jquery

先给大家展示下效果图,如果大家感觉还不错,请继续参考实现代码. HTML代码: <body> <ul id="list"> <li><label><input type="checkbox" name="items" value="1"> 1.时间都去哪儿了</label></li> <li><label><inp

jquery做复选框的全选、全部选、反选

 <!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控制单选复选框（全选)

//获取单选按钮的选项值         function f1() {             //radio集合             var radios = document.getElementsByName("sex");             for (var i = 0; i < radios.length; i++) {                 if (radios[i].checked) {                     alert(ra

利用Bootstrap实现表格复选框checkbox全选_javascript技巧

首先来看看实现的效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: <table class="table table-bordered table-hover"> <thead> <tr class="success"> <th>类别编号</th> <th>类别名称</th> <th>类别组</th> <th

基于jQuery实现复选框的全选 全不选 反选功能_jquery

本代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家. jQuery代码: 复制代码 代码如下:         $(function(){             $("#checkedAll").click(function(){                 $('[name=items]:checkbox').attr('checked',true);             });             $("#check

通过js来制作复选框的全选和不选效果_javascript技巧

复制代码 代码如下: <html> <head> <title>制作全选效果</title> <script language="javascript"> function selectAll(){ allcheckBoxs=document.getElementsByName("a"); var a2=document.getElementsByName("a1"); if(a2[0]

javascript 复选框选择/全选后特效_表单特效

运行效果 删除 商品 价钱 数量 总共 高级减肥绿茶 $8000 $160000 高级红茶 $8400 $8400 总共: 21 $168400 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

jquery复选框CHECKBOX全选、反选_jquery

使用方法:我们先把下面的JS保存为有个文件,到时候调用,淡然你也可以直接写在页面内,推荐使用前者,方便重用: 复制代码 代码如下: (function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ groupSelector:null, groupName:'group_name', enabledOnly:false },options || {}); var ctrl_box=thi