本站停止维护,已转移至laravel学习网;欢迎大家移步访问!

jquery多选框全选,反选,以及获取多选框选中的值

  1. 首先我们实现多选框的全选,反选

  2. 其实,主要使用这个方法

$("input[name='relsae[]").each(function()
    {
        this.checked = false;
    });
$("input[name='relsae[]").each(function()
    {
        this.checked = true;
    });

他主要是便利改变选中状态

3.怎么实现传递和获取多个选中的值?

把每个多选框的name设置为relsae[],然后get/post就可以了传输了,传输的是一个数组,直接获取就可以了

<!DOCTYPE html>
<html>
<head>
<title>全选</title>
<meta charset="utf-8">
<script src="http://blog.earnp.com/js/jquery.min.js"></script>
</head>
<body>
<div id="checkall" style="width:100px;height:30px;line-height:30px;background-color:#CCCCCC;text-align:center;" onclick="checkall()">全选</div>
<div id="checknone" style="display:none;width:100px;height:30px;line-height:30px;background-color:#CCCCCC;text-align:center;" onclick="notcheckall()">反选</div>
<form method="get" action="test.php">
<input name="relsae[]" type="checkbox" value="1" />
<input name="relsae[]" type="checkbox" value="2" />
<input name="relsae[]" type="checkbox" value="3" />
<input name="relsae[]" type="checkbox" value="4" />
<input name="relsae[]" type="checkbox" value="5" />
<button>提交</button>
</form>
<script type="text/javascript">
  function checkall()
  {
    $("#checkall").hide();
    $("#checknone").show();
    $("input[name='relsae[]").each(function() {
    this.checked = true;
    });
  }
  function notcheckall()
  {
    $("#checkall").show();
    $("#checknone").hide();
    $("input[name='relsae[]").each(function() {
    this.checked = false;
    });
  }
</script>
</body>
</html>


转载请注明 :一沙网络原文出处:http://bbs.earnp.com/article/118
问题交流群 :562864481
0
打赏
发布时间 :2016-08-22 14:44:33
分享

0 个评论

    还没有评论,感觉来抢沙发吧!

要回复文章请先登录注册