js multiple全选与取消全选实现代码
js multiple全选与取消全选实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$("select").change(function(){varn=$(this).children().length;...

复制代码 代码如下:

$("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">

<>

</script>

</head>

<body>

<select id="CourseList" name="CourseList" multiple="multiple" size="20">

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

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

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

</select>

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

</form>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类