您的位置：首页 > Web前端 > JQuery

jquery实现全选，反选，全不选

2013-04-17 20:35 141 查看
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>

<script>

//全选，全部选，反选

$(function(){

$("#checkall").click(function(){

$(":checkbox").attr("checked",true);})

$("#checkno").click(function(){

$(":checkbox").attr("checked",false);})

$("#no").click(function(){

//先找到所有的复选框

$(":checkbox[name=items]").each(function(){

$(this).attr("checked",!$(this).attr("checked"));})//给当前复选框的属性增加一个属性，值不是(非)当前属性值

})

})

</script>

</head>

<body>

<form action="#" method="post">

<input type="checkbox" name="items" value="篮球" checked="checked">篮球

<input type="checkbox" name="items" value="足球">足球

<input type="checkbox" name="items" value="乒乓球">乒乓球

<input type="checkbox" name="items" value="球">台球

<input type="button" id="checkall" value="全选">

<input type="button" id="checkno" value="全补选">

<input type="button" id="no" value="反选">

</form>

</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航