如何检查jQuery中的复选框

时间:2012-05-14 09:35:56

标签: jquery

您好我在我的asp.net mvc应用程序中使用jQuery,在此我创建了一些复选框,如

$("#dvModules").append('<input type="checkbox" id=Module_' + jsModulesData[ctr].Code + ' name="' + jsModulesData[ctr].Name + '" value="' + jsModulesData[ctr].Code + '"> ' + jsModulesData[ctr].Name + '
');

我检查了一些并将其值存储在数据库中,当我再次将其输入到此页面时,我从数据库中获取了值,但我无法使用其值来检查相应的复选框,我的代码如下:

var arrModuleIDs = SelectedModuleIDs.split(',');

$(document).ready(function () {
    SelectedModuleIDs = '@ViewBag.SelectedModuleIDs';
    var arrModuleIDs = SelectedModuleIDs.split(',');

    for (var i = 0; i < arrModuleIDs.length; i++) {
        $("#Module_" + arrModuleIDs[i] + "").attr('checked', true);
         //Here the arrmoduleIDs is the values from database.
    }

这里循环表现不错,但未勾选复选框, 任何人都可以帮我解决这个问题。

1 个答案:

答案 0 :(得分:1)

    $(document).ready(function () {
        //            $.each(('@ViewBag.SelectedModuleIDs').split(','), function (i, value) {
        //                $('#dvModules').find("#Module_" + value + "").attr('checked', true);
        //            });

        $.each(('4,3,6,7').split(','), function (i, value) {
            $('#dvModules').find("#Module_" + value).attr('checked', true);
        });
    });

<div id="dvModules">
    <input type="checkbox" id="Module_1" value="1" />1<br />
    <input type="checkbox" id="Module_2" value="2" />2<br />
    <input type="checkbox" id="Module_3" value="3" />3<br />
    <input type="checkbox" id="Module_4" value="4" />4<br />
    <input type="checkbox" id="Module_5" value="5" />5<br />
</div>