bind mvc checkbox to javascript function

Question

Trying to bind an mvc helper checkbox with jquery to a javascript function and that function will do something based on the fact that it is checked or not.

PART 1: How do you successfully bind the checkbox to a click or change event?

PART 2: How do you check the checkbox for checked or not?

<div class="editor-label">
    @Html.LabelFor(model => model.Immediate)
</div>
<div class="editor-field">
    @Html.CheckBoxFor(model => model.Immediate, new {id = "chkImmediate" })
</div>

My attempt at binding:

$("#chkImmediate").click(clickEvent());

function clickEvent() {
        alert($("#chkImmediate").checked); //want it to show true/false
}

Can you please include the entire contents of the <script> the above JavaScript is in. — Adrian Toman
– Adrian Toman, Commented Apr 18, 2014 at 22:51

lopezbertoni · Accepted Answer · 2014-04-18 23:53:55Z

6

Assumming the id of the checkbox is correct, you can bind the event using jQuery like this:

$("#chkImmediate").change(function() {
    if(this.checked) {
        alert('It's checked!!');
    } else {
        alert('It's not checked!!');
    }
});

answered Apr 18, 2014 at 23:53

lopezbertoni

3,6413 gold badges41 silver badges54 bronze badges

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

1 Comment

PAULDAWG Over a year ago

This got me close. Thanks. What I ended up doing was this $(function () { $('#chkImmediate').change(function () { var checked = $(this).is(':checked'); clickEvent(checked); }); });

Collectives™ on Stack Overflow

bind mvc checkbox to javascript function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related