js multiple全选与取消全选实现代码

复制代码 代码如下:

  $("select").change(function(){

  var n = $(this).children().length;

  var obj;

  var i = 1;

  $(this).children().each(function(){

  if(i == n)

  {

  alert($(this).text());

  }

  i++;

  });

  });

  综合以上二法,本人轻易得出了自己想要的效果,如下:

  

复制代码 代码如下:

  function selectall()

  {

  $("select").children().each(function(){$(this).attr("selected","selected")})

  }

  分别用到了 children()和$(this).attr("selected","selected")

  一个js用法

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <script type="text/javascript">

  <!--

  function selectAll()

  {

  var opts=document.getElementById("CourseList");

  for(var i=0;i<opts.length;i++)

  {

  opts[i].selected=true;

  }

  }

  //-->

  </script>

  </head>

  <body>

  <select id="CourseList" name="CourseList" multiple="multiple" size="20" style="width:230px;">

  <option value="003" >(003) 消费者行为与销售心理</option>

  <option value="004" >(004) 产品策划与市场推广</option>

  <option value="005" >(005) 品牌定位与广告原理</option>

  </select>

  <input type="button" onclick="selectAll()" value="全选">

  </form>

  </body>

  </html>