首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery兑现的全选 反选

2012-08-30 
Jquery实现的全选 反选htmlhead??? script typetext/javascript srcjquery-1.6.2.min.js/scr

Jquery实现的全选 反选

<html>
<head>
??? <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
??? <script>
??? /**jquery实现全选 反选**/
???
???
??? ??? ??? function allCheck(){
??? ??? ??? ??? if($('#allorNo').attr('checked')!='checked'){
??? ??? ??? ??? ??? ??? $("input[name='checkAll']").removeAttr('checked');
??? ??? ??? ??? }else{
??? ??? ??? ??? ??? ??? $("input[name='checkAll']").attr('checked','true');
??? ??? ??? ??? }
??? ??? ??? }
???
??? </script>

</head>
??? <body>
??? <tr>
??? ??? <th><input id="allorNo" type="checkbox" onclick="allCheck();"></th><br>
??? ??? <th><input type="checkbox" name="checkAll">id</th><br>
??? ??? <th><input type="checkbox" name="checkAll">java</th><br>
??? ??? <th><input type="checkbox" name="checkAll">c</th><br>??? ???
??? ??? <th><input type="checkbox" name="checkAll">c++</th><br>
??? ??? <th><input type="checkbox" name="checkAll">php</th><br>
??? ??? <th><input type="checkbox" name="checkAll">java/php/c#</th><br>
??? </tr>
??? </body>
</html>

热点排行