程序博客网 > windows education

使用jQuery实现表单的全选、全不选、反选

来源：互联网发布：windows education 编辑：程序博客网时间：2024/06/08 17:11

大家可以去网上下载jquery-1.4.2.min.js

<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
    $(function(){
//全选
$("#checkAll").click(function(){
    $("input:checkbox").attr("checked",true);
    });
//全不选
$("#checkNo").click(function(){
    $("input:checkbox").attr("checked",false);
    });
//反选
$("#reverse").click(function(){
//先找到所有的复选框，然后循环遍历每一个复选框each()相当于foreach()
    $("input:checkbox[name='items']").each(function(){
       $(this).attr("checked",!$(this).attr("checked"));
    });
    });
})
</script>
</head>
<body>
     <form action="#" method="post">
     <input type="checkbox" name="items" value="篮球">篮球<br />
  <input type="checkbox" name="items" value="乒乓球">乒乓球<br />
  <input type="checkbox" name="items" value="羽毛球">羽毛球<br />
  <input type="checkbox" name="items" value="足球">足球<br />
  <input type="checkbox" name="items" value="保龄">保龄球<br />
  <input type="checkbox" name="items" value="高尔夫">高尔夫<br />
  <input type="button" id="checkAll" value="全选">
  <input type="button" id="checkNo" value="全不选">
  <input type="button" id="reverse" value="反选">

</form>
</body>

windows education

windows education

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子居功厥伟汉厥厥证思厥先祖父宫厥春迟大骋厥辞厥麻厥根粉凉菜怎么做厥根粉足厥阴肝循行左丘失明厥有国语厥拼音厥功至伟凤尾厥手厥阴心包循行路线厥的拼音厥怎么读音克尽厥职厥麻猪养殖上古卷轴上古卷轴5 上古上古神兽上古恶兽上古强身术上古神龙上古凶剑上古凶兽上古六神兽上古十神兽上古星零上古世纪上古卷轴6 上古卷轴mod 上古大神上古神器上古神排名上古世界上古2 上古3 上古txt下载