Tuesday, 3 December 2013

Pass multiple control ids to javascript function as argument

<asp:CheckBox ID="chkCritical" runat="server"/>
                                
<asp:TextBox ID="txtMinOrderQty" runat="server" ></asp:TextBox>
                                
<asp:TextBox ID="txtOrderingLevel" runat="server"></asp:TextBox>
 
JavaScript Function 
 function disp(chk, txt1, txt2) {
        
        var txtMin = document.getElementById(txt1)
        var txtLevel = document.getElementById(txt2);
        if (chk.checked) {

            txtMin.disabled = false;
            txtLevel.disabled = false;
            txtMin.value = "true";
            txtLevel.value = "0";
            txtMin.style.background = "#FFFFFF";
            txtLevel.style.background = "#FFFFFF";
        }
        else {
            txtMin.disabled = true;
            txtLevel.disabled = true;
            txtMin.value = "FALSE";
            txtLevel.value = "0";
            txtMin.style.background = "#D8D8D8";
            txtLevel.style.background = "#D8D8D8";
        }
    } 
 
in code behind
 protected void Page_Load(object sender, EventArgs e)

    {

        chkCritical.Attributes.Add("onclick", "disp(this,'" + 
txtMinOrderQty.ClientID + "','" + txtOrderingLevel.ClientID + "')");

    } 

// For reference
var cbs = document.getElementsByTagName('input');
        for (var i = 0; i < cbs.length; i++) {
            if (cbs[i].type == 'checkbox' && cbs[i].name.indexOf("chkCritical") != -1) {
                if (cbs[i].checked == true) {
// Further actions
}
}
}

No comments:

Post a Comment