I was developing a website ,
There was a features to insert employee data into database,
I think to make it efficiency ,
Its better for user ,can multiple data in one click
so i create a checkboxlist menu,
The problem is ,I want to create feature select/deselect all ,
When i Was checked the checkbox ,
all the checkbox list was selected,
but when i was unchecked one of checkbox list element,
i hope checkbox is unchecked,but it is not unchecked,
What I have tried:
this is my code ,
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<h2><%: Title %>.</h2>
<asp:DropDownList id="ddlshift" runat="server" AutoPostBack="true" Width="100%" class="chosen-select"></asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredFieldValidatorCuti" runat="server" ForeColor="Red" ErrorMessage="Reason tidak boleh kosong" ControlToValidate="ddlshift" ValidationGroup="grpTambah"></asp:RequiredFieldValidator>
<asp:CheckBox runat="server" ID="cbSelectAll" onclick="CheckUncheckall(this)" Text="Select/Deselect All" CssClass="JchkAll" onchange="Selectall();"/>
<asp:CheckBoxList runat="server" ID="checkbox2" OnSelectedIndexChanged="chklist_selected" OnLoad="chklist_selected" >
</asp:CheckBoxList>
<asp:Label runat="server" ID="label1"></asp:Label>
<asp:Label runat="server" ID="label2"></asp:Label>
<asp:Button ID="button1" runat="server" OnClick="test" Text ="test"/>
<script type="text/javascript">
function Selectall() {
if ($('.JchkAll').is(':checked')) {
$('.checkbox2').attr('checked', 'true');
}
else if ($('.checkbox2').element.is(':unchecked')) {
$('.JchkAll').attr('checked', 'false');
}
else {
$('.checkbox2').removeAttr('checked', 'false');
}
}
</script>
<script type="text/javascript">
function CheckUncheckall(chk) {
var chks = document.getElementById("<% = checkbox2.ClientID %>").getElementsByTagName("input");
for (var i = 0; i < chks.length; i++) {
if (chks[i].type == "checkbox") chks[i].checked = chk.checked;
}
}
</script>
</asp:Content>
How i can solve this?