c# - JQuery MVC3 内联 Jquery 代码

Question

所以，我有我的 MVC 3 视图（Razor），带有一个表单。现在它加载了加载它使用的所有脚本的模板，我把它放在表单的顶部：

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

这基本上意味着，如果选中表单上的复选框，则提醒用户其值。

很简单，那为什么它在警告框中一直显示为真......

我把它放在小提琴里，它做同样的事情，JS Fiddle

Answer 1

值不会更改，因为它是一个复选框。这是被更改的属性checked，您可以使用以下方法检查它：

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

请参阅以下 DEMO：http: //jsfiddle.net/Dwb7N/2/进行确认。所以价值始终保持不变。

Answer 2

如果您只是想根据复选框是否被选中来提醒真/假，那么将您的代码更新为；

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

可以在此处找到更改代码的示例http://jsfiddle.net/Dwb7N/3/

Answer 3

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