演示 CheckboxGroup 勾选、全选、反选和限制勾选
脚本
代码如下<script type="text/javascript" defer="defer">
ConstraintChkedNum = 3; // 自定义限制勾选的数量
chkedNum = 0;
var checkWeek = {
SelectedAll: function(chkGrp) {
var idx;
var cbAll = Ext.getCmp(chkGrp.items.items[chkGrp.items.length - 2].id);
for (idx = 0; idx < chkGrp.items.length - 1; idx++) {
var cb = Ext.getCmp(chkGrp.items.items[idx].id);
cb.setValue(cbAll.checked);
}
},
Unselected: function(chkGrp) {
var idx;
for (idx = 0; idx < chkGrp.items.length - 2; idx++) {
var cb = Ext.getCmp(chkGrp.items.items[idx].id);
cb.setValue(!cb.checked);
}
},
SelectedConstraint: function(chk) {
if (chkedNum >= ConstraintChkedNum) {
alert("最多勾选 " + ConstraintChkedNum + " 项.");
chk.suspendEvents();
chk.setValue(false);
chk.resumeEvents();
}
else {
if (chk.checked) chkedNum++;
else chkedNum--;
}
}
}
</script>
HTML文档
代码如下勾选全选反选
限制勾选
ext.net|Ext.Net_CheckboxGroup 勾选、全选、反选和限制勾选
http://m.bbyears.com/jiaocheng/33053.html
推荐访问: