读书人

JQuery 作的checkbox全选功能

发布时间: 2012-11-04 10:42:41 作者: rapoo

JQuery 做的checkbox全选功能
jQuery代码:
$(function() {
//全选、反选
$('#chooseAll').click(function() {
var list = $('[name=ids]').length;
if ($('#chooseAll').attr("checked") == true) {
for ( var i = 0; i < list; i++) {
$('[name=ids]').attr("checked", "true");
}
} else if ($('#chooseAll').attr("checked") == false) {
$('[name=ids]').click();
}
});
});

页面HTML代码:
<input type="checkbox" name="ids" id="ids" value="${id}" />
全选的
<input type="checkbox" name="chooseAll" id="chooseAll" />

读书人网 >Web前端

热点推荐