900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 复选框 全选 全不选 反选 实现

复选框 全选 全不选 反选 实现

时间:2020-04-14 20:56:34

相关推荐

复选框  全选 全不选  反选  实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>新建网页</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="description" content="" /><meta name="keywords" content="" /><script type="text/javascript" src="./jquery-1.4.4.js"></script><script type="text/javascript">function selAll(){//全选 $('li').css('color','red');//jquery内部大部分方法本身有“遍历”机制,可以为每个元素节点对象进行相关的功能操作$('.hby').attr("checked",true);}function selNotAll(){//全不选$('.hby').attr('checked',false);}function selFan(){//反选//遍历全部的复选框,查看每个项目的选中状态,并做处理(选中就取消,否则设置选中)for(var i=0; i<$('.hby').length; i++){var flag = $('.hby:eq('+i+')').attr('checked');$('.hby:eq('+i+')').attr('checked',!flag);}}</script></head><body><h2>复选框选中操作</h2>爱好(复选框):<input type="checkbox" class="hby" name="hobby[]" value="1" />篮球<input type="checkbox" class="hby" name="hobby[]" value="2" />看书<input type="checkbox" class="hby" name="hobby[]" value="3" />上网<input type="checkbox" class="hby" name="hobby[]" value="4" />听音乐<br /><br /><input type="button" value="全选" οnclick="selAll()" /><input type="button" value="全不选" οnclick="selNotAll()" /><input type="button" value="反选" οnclick="selFan()" /></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。