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

Jquery 全选，反选

2013-09-07 09:55 190 查看
<script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

$(function(){

$("#selectAll").click(function(){//全选

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

});

$("#unSelect").click(function(){//全不选

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

});

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

$("#playList:checkbox").each(function(){

$(this).attr("checked",!$(this).attr("checked"));

});

});

});

</script>

<body>

<div id="playList">

<input type="checkbox" value="歌曲1"/>歌曲1<br/>

<input type="checkbox" value="歌曲2"/>歌曲2<br/>

<input type="checkbox" value="歌曲3"/>歌曲3<br/>

<input type="checkbox" value="歌曲4"/>歌曲4<br/>

<input type="checkbox" value="歌曲5"/>歌曲5<br/>

</div>

<input type="button" value="全选" id="selectAll"/>

<input type="button" value="全不选" id="unSelect"/>

<input type="button" value="反选" id="reverse"/>

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