复选框的全选和取消全选功能(来自华三,使用js代码实现)

<ext:FormRow runat="server" ID="CSLX_SHOW">
<Items>
　　<ext:CheckBoxList runat="server" ID="CSLX" Label="试验项目" DataValueField="AID" DataTextField="TestItemName" ColumnNumber="5" Required="True" ShowRedStar="true"/>
</Items>
</ext:FormRow>

调用方法

<ext:Button ID="allSelect" Text="选中全部项目" runat="server" OnClientClick="SelectAll()" />
<ext:Button ID="disSelect" Text="取消全部项目" runat="server" OnClientClick="deSelectAll()" />

js中对应的代码

全选功能

function SelectAll() {

var chk = F('<%= CSLX.ClientID %>');
var selectedObj = {};
chk.items.each(function (item) {
selectedObj[item.name] = true;
});

chk.setValue(selectedObj);
}

取消全选功能

function deSelectAll() {

var chk = F('<%= CSLX.ClientID %>');
var selectedObj = {};
chk.items.each(function (item) {
selectedObj[item.name] = false;
});

chk.setValue(selectedObj);
}