jQuery监听事件全选Select选项

2013年一月份,从博客的日志更新上就可以看得出,这个月真的很忙。正式上项目着手开发,天天都在进行着有意思或者无聊的Coding。而这些对于我来说都是工作经验的积累。不想让2013年的一月留下空白,特此才会忙中偷闲,在公司写下此篇博客。有这样一个需求,当然后来证实是我理解错了。在一个可以多选的select下拉列表中,选择第一个名为“全选”选项后,要求其他选项都要成为selected状态。
因为此列表为页面加载的时候从数据库中查询并动态加载到此页面的,所以没法使用简单的onclick事件去获取用户的点击动作。所以我想到的是用jQuery去监听用户对此列表的点击事件。其中我命名select列表name和id为kssrSts。然后在JS中添加下列代码:
JS代码如下:

$(document).ready(function(){
$(‘#kssrSts’).change(function(){ /*获取用户的点击事件,其实是用户的点击对控件所造成的改变*/
if($(this).children(‘option:selected’).val()==” “){ /*判断是不是那一个‘全选’选线*/
$(‘#kssrSts’).each(function() { /*遍历每个选项*/
$(this).find(“option”).attr(“SELECTED”,”SELECTED”); /*将他们的option属性改为selected*/
});
}
})
})

代码并不多,并且最后并不采用此办法。但是之前自己对jQuery了解使用并不多,所以在解决此问题的时候还是费了不少时间,所以有意义去把它记载下来。