Posts tagged: javascript enable

Mar 02 2010

Javascript checkbox checked changed event in asp.net

Note: Javascript contain only disable property, no enable property. To enable or disable controls in javascript use disabled=true or disabled=false

Note: CheckBox checked event if condition use 1 or 0 don’t use true or false

<script type=”text/javascript”>

// Let’s use a lowercase function name to keep with JavaScript conventions

function chkChecked(invoker) {

// alert(”Checked”);

// document.getElementById(’<%=butSubmit.ClientID%>’).disabled=false;

//javascript checkbox value

var myElement = document.getElementById(’<%=chk.ClientID%>’);

//1 means true     0 means false

if(myElement.checked == 1)

{

//javascript enable button

document.getElementById(’<%=butSubmit.ClientID%>’).disabled=false;

}

else

{

//javascript disable button

document.getElementById(’<%=butSubmit.ClientID%>’).disabled=true;

}

}

</script>

First Method: <asp:CheckBox ID=”chk” runat=”server” Text=”I Agree” onClick=”return chkChecked(this)”/>

Second Method: chk.Attributes.Add(”onClick”, “chkChecked(this)”);

Alibi3col theme by Themocracy