首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery 作的checkbox全选功能

2012-11-04 
JQuery 做的checkbox全选功能jQuery代码:$(function() {//全选、反选$(#chooseAll).click(function() {va

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" />

热点排行