jQuery prop大法好

在修改Hi GPA的时候需要增加一个全选用户的功能,结果被坑惨了。

首先,最终代码是这么写的:

var text = $('#select-all-student').html();
if (text == '全选') {
    $('input[name="studentNumber"]').prop('checked', true);
    $('#select-all-student').html('取消全选')
} else {
    $('input[name="studentNumber"]').prop('checked', false);
    $('#select-all-student').html('全选');
}

这里集成了一个全选和反选的功能,可以选中所有name为studentNumber的checkbox。

当然,最初我不是这么写的,而是使用了attr()结果最终导致了只能进行一次的全选反选,当时简直感觉醉醉哒。

折腾了一个小时之后感觉这压根就不是个事,为啥别人写的东西就可以,无奈,查了一下:
http://www.jb51.net/article/46596.htm
http://www.cnblogs.com/Kiee/p/3399013.html

2015年2月16日更新
补充:其他诸如disabled等属性使用prop大法好,适用范围非常广。

植入部分

如果您觉得文章不错,可以通过赞助支持我。

如果您不希望打赏,也可以通过关闭广告屏蔽插件的形式帮助网站运作。

标签: 知识, 代码段, jQuery

添加新评论