跟我学checkbox的操作.doc

Checkbox的操作基本上就几种：选中，未选中，全选，取消全选，反选关于checkbox的用法的例子Value1Value2Value3      1. 操作一：判断一个checkbox是否处于选中状态/方法一：if($(#c1).is(:checked) alert(方法一可以用！); else alert(方法一不可以用);/方法二：if($(#c2).attr(checked) = false) alert(方法二可以用！); else alert(方法二不可以用);2. 操作二：让一个checkbox处于选中状态！$(#c3).attr(checked,checked);或者$(#c3).attr(checked,true);3. 操作三：取消一个checkbox的选中状态！$(#c1).removeAttr(checked);或者$(#c1).attr(checked,false);4. 操作四：获取checkbox的值！var value1 = $(#c1).val();或者Var value2 = document.getElementById(“c2”).value;下面我们来练习一下全选与反选的例子全选      反选5. 操作五：全选方法一：$(#father).click(function()/获取父选框和子选框数组var father = document.getElementById(father);var sons = document.getElementsByName(son);/设置子选框的选中状态和父相同for(var i=0; i sons.length; i+) sonsi.checked = father.checked;);方法二：$(#father).click(function()var flag = $(this).attr(checked);$(name=son:checkbox).each(function()$(this).attr(checked,flag);););6.通过每一个子复选框来判断全选的复选框是否应处于选中状态方法一：$(.son).click(function()var num=0;var father = document.getElementById(father);var sons = document.getElementsByName(son);for(var i=0; i sons.lenth; i+) if(sonsi.checked) num+;if(num = sons.lenth) father.checked = true; else father.checked = false;);方法二：$(.son).click(function()$(name=son:checkbox).each(function()if($(this).attr(checked) = false) $(#father).attr(checked,false);););7.反选：$(#un).click(function()var num = 0;var father = document.getElementById(father);var sons = document.getElementsByName(son);for(var i=0; isons.length; i+) sonsi.checked = !sonsi.checked;if(sonsi.checked)