javascript - 选中 MVC View 中的所有复选框

标签 javascript jquery asp.net asp.net-mvc asp.net-mvc-3

<分区>

Possible Duplicate:
Using JavaScript to manipulate HTML input (checkbox) elements via type instead of name.

为什么这不起作用?请帮忙。这是检查 MVC View 上所有复选框的代码。

<script type="text/javascript">
    function SetAllCheckBoxes(doc) {
        var c = new Array();
        c = doc.getElementsByTagName('input');
        for (var i = 0; i < c.length; i++) {
            if (c[i].type == 'checkbox') {
                c[i].checked = true;
            }
        }
    }
</script>
<input type="checkbox" name="Test" onclick="SetAllCheckBoxes('PartialViewName')"/>

最佳答案

当您的函数似乎将其用作 document 对象时,您将 'PartialViewName' 作为字符串传递。

试试这个 js:

function SetAllCheckBoxes(obj) {
    var c = new Array();
    c = document.getElementsByTagName('input');
    for (var i = 0; i < c.length; i++) {
        if (c[i].type == 'checkbox') {
            c[i].checked = obj.checked;
        }
    }
}

然后像这样连接你的切换器复选框:

<input type="checkbox" name="Test" onclick="SetAllCheckBoxes(this)"/>

工作示例:http://jsfiddle.net/hunter/fA2w5/


使用 jQuery 非常简单:

<input type="checkbox" id="Test" name="Test" />

$("#Test").click(function(){
    $("input:checkbox:not(#Test)").attr("checked", $(this).is(":checked"));
});

工作示例:http://jsfiddle.net/hunter/fA2w5/3/

关于javascript - 选中 MVC View 中的所有复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6747938/

相关文章:

javascript - 读取通过 src 属性加载的脚本的 js 源代码

javascript - 在不重新加载的情况下显示 MySQL 结果... AJAX 失败

javascript - 在 Highstock 中重置/设置 ZoomType 控件

asp.net - sql sessionState 超时与表单例份验证超时

javascript - 如何在 HTML 的 pre 标签中包装文本?

JavaScript - 验证函数

javascript - 附加到 DOM - vanilla javascript

jquery - 根据时间改变按钮的颜色

asp.net - 无法加载文件或程序集 Autofac,版本 = 3.3.0.0

c# - IIS CLI 为我的项目生成带有站点的 applicationhost.config