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>

No comments:

Post a Comment