Query--checkbox全选/反选/取消
2014-01-15 17:11
393 查看
<!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=utf-8" /> <script src="js/jquery-1.6.2.min.js"></script> <script> $(function(){ //全选 $("#checkall").click(function(){ $("input[name='checkbox']:checkbox").attr("checked",true); }); //全不选 $("#checkno").click(function(){ $("input[name='checkbox']:checkbox").attr("checked",false); }); //反选 $("#checkrev").click(function(){ $("input[name='checkbox']:checkbox").each(function(){ $(this).attr("checked",!this.checked); //this.checked=!this.cheked; }) }); //提交 $("#sub").click(function(){ $("input[name='checkbox']:checked").each(function(){ alert($(this).val()) }) }); }) </script> <title>表单验证demo</title> </head> <form method="post"> 购物网站是: <br/> <input type="checkbox" name="checkbox" value="新蛋" />当当网 <input type="checkbox" name="checkbox" value="淘宝" />淘宝 <input type="checkbox" name="checkbox" value="京东" />京东 <br/> <input type="button" id="checkall" value="全选" /> <input type="button" id="checkno" value="全不选" /> <input type="button" id="checkrev" value="反选" /> <input type="button" id="sub" value="提交" /> </form> <body> </body> </html>
相关文章推荐
- CHECKBOX全选,取消全选-jquery
- Javascript 控制 CheckBox 的全选与取消全选
- jquery的attr和removeAttr实现checkbox全选和取消全选问题
- 后台拼 checkbox 全选 取消全选
- 如何把删除和checkbox连在一块,如何全选取消切换 每天学点新东西 2015 10 13
- jquery checkbox全选、取消全选实现代码
- checkbox全选和取消全选
- 修正网例 jQuery--checkbox全选/取消全选 错误案例
- GridView中checkbox"全选/取消"完美兼容IE和Firefox
- checkbox全选取消
- DataGrid 的 全选/取消全选 控制(CheckBox)
- checkbox实现全选和取消
- JQuery实现全选/全不选,取消子checkbox时,全选checkbox取消对勾号
- DataGrid 的 全选/取消全选 控制(CheckBox)
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- Android开发CheckBox控件,全选,反选,取消全选
- ext 中checkbox 无法取消选中行,全选按钮全选问题
- JS实现checkbox的全选和取消全选
- js checkbox全选 反选 取消全部设置表单html复选框勾选