jquery实现全选和反选

来源：互联网发布：更新mac系统版本出错编辑：程序博客网时间：2024/05/19 03:29
<!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 type="text/javascript" src="jquery-1.9.1.js"></script><script>$(function(){//对全选按钮进行操作   $("input[name='favorite']").click(function(){//获得全选按钮的状态   var status = $(this).is(":checked");//若上述状态为true,则其它按钮被都被选中,否则不被选中$("input[name='play']").prop("checked",status);});//对非全选按钮进行操作$("input[name='play']").click(function(){//获取非全选按钮的长度var len = $("input[name='play']").length;//获取已选中的非全选按钮的长度var len1 = $("input[name='play']:checked").length;if(len > len1){$("input[name='favorite']").prop("checked",false);}else{$("input[name='favorite']").prop("checked",true);}});});</script><title></title></head>爱好:<input type="checkbox" name="favorite"/>全选<br/>足球<input type="checkbox" name="play"/>篮球<input type="checkbox" name="play"/>乒乓球<input type="checkbox" name="play"/>羽毛球<input type="checkbox" name="play"/>读书<input type="checkbox" name="play"/><body></body></html>
0 0