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

jquery 实现全选反选全不选

2013-04-01 20:11 246 查看

<html>

<head>

<meta charset="utf-8">

<style>

</style>

<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);

});

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

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

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

});



});

});

</script>

<body>

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

      <input type="checkbox" name="check" value="篮球"/>篮球

   <input type="checkbox" name="check" value="羽毛球"/>羽毛球

   <input type="checkbox" name="check" value="篮球"/>乒乓球

   <input type="checkbox" name="check" value="篮球"/>保龄球

   <input type="checkbox" name="check" value="篮球"/>排球

   <input type="checkbox" name="check" value="篮球"/>足球

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

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

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

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

jquery 实现全选 反选 全不选

jquery 实现全选反选全不选