JQuery实现的|JQuery实现的 checkbox 全选；下拉框功能 JQuery实现的checkbox全选；下拉框

1. 全选的checkbox选中时，子checkbox全部选中。反之，全部不选
2.子checkbox中，只要有没有被选中的，取消全选checkbox的选中
3.子checkbox的数量和子checkbox被选中的数量一样时，全选checkbox要被选中
[javascript]view plain copy

//复选框事件
//全选、取消全选的事件
function selectAll(){
if ($("#SelectAll").attr("checked")) {
$("input[name='subcheck']").attr("checked", true);
} else {
$(":checkbox").attr("checked", false);
}
}
//子复选框的事件
function setSelectAll(){
//当没有选中某个子复选框时，SelectAll取消选中
if (!$("#subcheck").checked) {
$("#SelectAll").attr("checked", false);
}
var chsub = $("input[type='checkbox'][name='subcheck']").length; //获取subcheck的个数
var checkedsub = $("input[type='checkbox'][name='subcheck']:checked").length; //获取选中的subcheck的个数
if (checkedsub == chsub) {
$("#SelectAll").attr("checked", true);
}else{
$("#SelectAll").attr("checked", false); }
}

全选checkbox的id是SelectAll，子checkbox的name是subcheck.

HTML页面代码如下：

[html]view plain copy
二、下拉框功能
效果：
【JQuery实现的|JQuery实现的 checkbox 全选；下拉框功能】

文章图片

代码：
HTML：

用户类型(vip) *

php：
1)数据展示：

$member_group_arr = db_factory::query ( sprintf ( "select group_id,groupname from %switkey_member_group", TABLEPRE ) ); $member_type_arr = array(array('user_type'=>'1','type_name'=>'正常'),array('user_type'=>'2','type_name'=>'活动vip'),array('user_type'=>'3','type_name'=>'酒店vip'));

2)数据接收：