Javascript Html.Checkbox onchange event

Question

I tried below event in order to reach onchange of checkbox.

 @Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange" })

Javascript:

function AutoCalculateMandateOnChange() {
    alert("working");
}

When i try above javascript code , alert never displays nothing(not working).

How can i enable/disable below input on Html.Checkbox value changed ?

<input type="text" id="LevyFee" class="form-control" data-required="true" ">

Any help appreciates.

Thanks.

It should be onchange = "AutoCalculateMandateOnChange()" instead onchange = "AutoCalculateMandateOnChange"! — Dhaval Marthak
– Dhaval Marthak, Commented Jul 11, 2014 at 14:53
how can i get selected value of checkbox and enable/disable input ? thanks also please answer i will accept best answer — John Elizabeth
– John Elizabeth, Commented Jul 11, 2014 at 14:55
I'm a bit late to the party, but can someone tell me what language/framework the @HTML is? I've never seen this before in javascript, so just curious. — Jonathan M
– Jonathan M, Commented Dec 14, 2018 at 21:59
@JonathanM This is ASP.NET's Razor syntax - Html is an instance of type HtmlHelper, and the @ sign allows for inline code inside markup. — Oliver
– Oliver, Commented Nov 23, 2019 at 22:24

Dhaval Marthak · Accepted Answer · 2020-08-20 04:50:32Z

33

You can get checkbox as a element in your function by passing this as a reference see updated markup below

<input type="checkbox" value="check" id="AutoCalculateMandate" onchange = "AutoCalculateMandateOnChange(this)"/>
<label for="AutoCalculateMandate">
    Auto Calculate
</label> <br />

Since you're using MVC so it can be achieved like this:

 @Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange(this)" })

javascript

function AutoCalculateMandateOnChange(element){
     document.getElementById("LevyFee").disabled = element.checked;    
}

Demo

edited Aug 20, 2020 at 4:50

answered Jul 11, 2014 at 15:03

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript Html.Checkbox onchange event

1 Answer 1

Demo

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related