JQuery MVC3 Inline Jquery Code

Question

So, I have my MVC 3 view (Razor), with a form. Now it loads up the template which loads up all the scripts it uses, I put this at the top of the form:

<script type="text/javascript">
    $(function () {
        $('#App_RunFromUSB').change(function () {
            alert($('#App_RunFromUSB').val());
        });
    });
</script>

Which basically means that if the checkbox on the form is checked then alert the user of its value.

Simple, so why does it keep showing true in the alert box....

I put it in a fiddle and it does the same thing, JS Fiddle

for checkbox it will always show true as you have provided value to checkbox. you should check whether the checkbox is checked or not using jquery and then show appropriate message — K D
– K D, Commented Mar 19, 2013 at 9:47

iappwebdev · Accepted Answer · 2013-03-19 09:48:47Z

1

Value is not changed because it's a checkbox. It's the property checked that gets changed, you can check it by using:

 $('#App_RunFromUSB').change(function () {
     alert($('#App_RunFromUSB').is(':checked'));
 });

See following DEMO: http://jsfiddle.net/Dwb7N/2/ to confirm. So the value alway remains the same.

answered Mar 19, 2013 at 9:48

iappwebdev

5,9301 gold badge34 silver badges48 bronze badges

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

6 Comments

Callum Linington Over a year ago

how could you, on start up, check whether the checkbox is checked and change elements accordingly?

von v. Over a year ago

The answer to your new question has already been given, echoing out the answer it's: $('#App_RunFromUSB').is(':checked');

Callum Linington Over a year ago

i know that bit... its the "on start up, change elements part"

von v. Over a year ago

What code do you have so far? Like I said it's the same thing so you could have: $(document).ready(function(){ if ($('#App_RunFromUSB').is(':checked')) { then do some stuff here} });. Comments have limited formatting so I hope you can understand that sample.

Callum Linington Over a year ago

well because it is inline on a view I use $(function() {}); instead of $(document).ready(); which seems to work, thanks

|

Tim B James · Accepted Answer · 2013-03-19 09:48:50Z

1

If you are just wanting to alert the true/false depending on if the checkbox is checked or not, then update your code to;

alert($('#App_RunFromUSB').is(':checked'));

An example of your code with the change can be found here http://jsfiddle.net/Dwb7N/3/

answered Mar 19, 2013 at 9:48

Tim B James

20.4k4 gold badges77 silver badges108 bronze badges

Comments

K D · Accepted Answer · 2013-03-19 09:48:50Z

0

<script type="text/javascript">
    $(function () {
        $('#App_RunFromUSB').change(function () {
            alert($('#App_RunFromUSB').is(':checked'));
        });
    });
</script>

answered Mar 19, 2013 at 9:48

K D

6,0191 gold badge25 silver badges36 bronze badges

Collectives™ on Stack Overflow

JQuery MVC3 Inline Jquery Code

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related