jquery checkbox全选、反选、选择基数、选择偶数
2015-01-19 20:48
267 查看
<!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> <title>无标题页</title> <script src="jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ //全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }); //取消全选 $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }); //选中所有基数 $("#btn3").click(function(){ $("input[name='checkbox']:even").attr("checked","true"); }); //选中所有偶数 $("#btn6").click(function(){ $("input[name='checkbox']:odd").attr("checked","true"); }); //反选 $("#btn4").click(function(){ $("input[name='checkbox']").each(function(){ if($(this).attr("checked")){ $(this).removeAttr("checked"); }else{ $(this).attr("checked","true"); } }); }); //获取选择项的值 $("#btn5").click(function(){ var str=[]; $("input[name='checkbox']:checkbox:checked").each(function(){ str.push($(this).val()); }); alert(str); }); }); </script> </head> a238 ; <body> <input type="button" id="btn1" value="全选"> <input type="button" id="btn2" value="取消全选"> <input type="button" id="btn3" value="选中所有奇数"> <input type="button" id="btn6" value="选中所有偶数"> <input type="button" id="btn4" value="反选"> <input type="button" id="btn5" value="获取选中的所有值"> <br> <input type="checkbox" name="checkbox" value="checkbox1">checkbox1 <input type="checkbox" name="checkbox" value="checkbox2">checkbox2 <input type="checkbox" name="checkbox" value="checkbox3">checkbox3 <input type="checkbox" name="checkbox" value="checkbox4">checkbox4 <input type="checkbox" name="checkbox" value="checkbox5">checkbox5 <input type="checkbox" name="checkbox" value="checkbox6">checkbox6 <input type="checkbox" name="checkbox" value="checkbox7">checkbox7 <input type="checkbox" name="checkbox" value="checkbox8">checkbox8 </body> </html>
相关文章推荐
- jquery实现checkbox全选,反选,取消选择
- checkbox全选,反选,取消选择 jquery
- jquery实现checkbox全选,反选,取消选择
- JS、jQuery checkbox 全选+得到选择
- jquery实现checkbox全选,反选,取消选择
- jquery实现checkbox全选,反选,取消选择
- jquery实现checkbox全选,反选,取消选择
- javascript, jquery实现checkbox全选,反选,取消选择
- jquery实现checkbox全选,反选,取消选择
- checkbox 全选/反选功能的 jquery插件(支持多页保持选择)
- jQuery 实现 Checkbox 的全选、全不选和反向选择的功能
- jquery操作checkbox方法(全选、全不选、至少选择一个、选择值/文本)
- jquery中checkbox选择和全选
- jquery实现checkbox全选,反选,取消选择,对象存在
- jquery实现checkbox全选,反选,取消选择
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- jquery操作checkbox方法(全选、全不选、至少选择一个、选择值/文本)
- Flex:用checkBox实现DataGrid所有行的选择(全选)
- jQuery checkbox 全选、全取消