当前位置: 代码迷 >> Web前端 >> JQuery 作的checkbox全选功能
  详细解决方案

JQuery 作的checkbox全选功能

热度:82   发布时间:2012-11-04 10:42:41.0
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" />
  相关解决方案