JQuery MVC3内联JQuery代码

JQuery MVC3 Inline Jquery Code

本文关键字:JQuery 代码 MVC3 内联      更新时间:2023-09-26

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

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

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

很简单,那为什么警告框中一直显示为true ....

我把它放在一个fiddle中它也会做同样的事情,JS fiddle

Value不改变,因为它是一个复选框。它的属性checked被改变了,你可以使用:

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

请参见以下DEMO: http://jsfiddle.net/Dwb7N/2/进行确认。

如果您只是想根据复选框是否被选中来警告true/false,那么将代码更新为;

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

修改后的代码示例可以在这里找到http://jsfiddle.net/Dwb7N/3/

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