JQuery MVC3内联Jquery代码

时间:2013-03-19 09:44:08

标签: c# javascript jquery asp.net-mvc

所以,我有一个表单的MVC 3视图(Razor)。现在它加载模板,加载它使用的所有脚本,我把它放在表单的顶部:

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

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

简单,那为什么它会在警告框中显示为真......

我把它放在一个小提琴中,它做了同样的事情,JS Fiddle

3 个答案:

答案 0 :(得分:1)

价值未被更改,因为它是一个复选框。它的属性checked会被更改,您可以使用以下方法进行检查:

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

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

答案 1 :(得分:1)

如果您只是想要根据是否选中复选框来提醒真假,请将代码更新为;

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

您可以在http://jsfiddle.net/Dwb7N/3/

找到有关更改的代码示例

答案 2 :(得分:0)

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