Thursday, 26 June 2014

Javascript Function to get the selected items in Checkboxlist

<script type = "text/javascript">
    function GetSelectedItem() {
        var CHK = document.getElementById("<%=cboxlist_GovtFunding.ClientID%>");
        var checkbox = CHK.getElementsByTagName("input");
        var IsOthersSelected = "No";
        var label = CHK.getElementsByTagName("label");
        for (var i = 0; i < checkbox.length; i++)
        {
            if (checkbox[i].checked)
            {              
                if (label[i].innerHTML == "Others")
                {
                    IsOthersSelected = "Yes";                
                 
                }
            }
        }
        if (IsOthersSelected == "Yes") {
            document.getElementById('Panel1').style.display = 'block';
        }
        else {

            document.getElementById('Panel1').style.display = 'none';
            document.getElementById('txt_Others_Funding').value = "";
        }
        return false;
    }
</script>


 <asp:CheckBoxList ID="cboxlist_GovtFunding" runat="server" style="text-align:left;font-size:11px" onchange="GetSelectedItem()">
                                    <asp:ListItem>RKVY</asp:ListItem>
                                        <asp:ListItem>NPMSF</asp:ListItem>
                                        <asp:ListItem>MMA</asp:ListItem>
                                        <asp:ListItem>State Government Scheme</asp:ListItem>
                                        <asp:ListItem>Others</asp:ListItem>
                                    </asp:CheckBoxList>

Custom Validation for CheckBoxList in Javascript

 <script type="text/javascript">
        function ValidateModuleList(source, args) {
            var chkListModules = document.getElementById('<%= cboxlist_GovtFunding.ClientID %>');
            var chkListinputs = chkListModules.getElementsByTagName("input");
            for (var i = 0; i < chkListinputs.length; i++)
            {
                if (chkListinputs[i].checked)
                {
                    args.IsValid = true;
                    return;
                }
            }
            args.IsValid = false;
        }
        </script>

<script type="text/javascript">
        function validateCheckBoxList() {
            var isAnyCheckBoxChecked = false;
            var checkBoxes = document.getElementById("cboxlist_Department").getElementsByTagName("input");
            for (var i = 0; i < checkBoxes.length; i++) {
                if (checkBoxes[i].type == "checkbox") {
                    if (checkBoxes[i].checked) {
                        isAnyCheckBoxChecked = true;
                        return true;
                    }
                }
            }
            if (!isAnyCheckBoxChecked) {
                alert("No CheckBox is Checked.");
            }
        }
    </script>



<td>
                       <div class="checkbox">
                       <asp:CheckBoxList ID="cboxlist_GovtFunding" runat="server"
                               onselectedindexchanged="cboxlist_GovtFunding_SelectedIndexChanged" AutoPostBack="true" style="text-align:left;font-size:11px">
                        <asp:ListItem>RKVY</asp:ListItem>
                                        <asp:ListItem>NPMSF</asp:ListItem>
                                        <asp:ListItem>MMA</asp:ListItem>
                                        <asp:ListItem>State Government Scheme</asp:ListItem>
                                        <asp:ListItem>Others</asp:ListItem>
                       </asp:CheckBoxList>                  
                     
                       </div>
                       <asp:CustomValidator runat="server" ID="cvmodulelist"
                           ClientValidationFunction="ValidateModuleList"
                           ErrorMessage="Please Select Atleast one Checkbox" ValidationGroup="a"></asp:CustomValidator>
                       </td>