Question

我在表单中有以下值的复选框：

<input type="checkbox" name="role" value="Admin1" />Admin1<br />
<input type="checkbox" name="role" value="Admin2" />Admin2<br />
<input type="checkbox" name="role" value="Admin3" />Admin3<br />
<input type="checkbox" name="role" value="Admin4" />Admin4<br />

我有一个来自服务器端的角色列表，其值为：

Roles
{
Admin1
Admin4
}

现在，根据角色值，将在复选框中选中选项Admin1和Admin4。我怎么能用jQuery做到这一点？

Answer 1

$('input[value="Admin3"]').prop("checked", true);

Answer 2

也许这可以帮到你：

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    var peran = new Array("Admin1", "Admin4");
        $(document).ready(function() {
              $(".ceks").each(function(){
                var attrib = $(this).attr("value");
                for(var x=0; x<peran.length; x++){
                    if( peran[x] == attrib ){
                        $(this).attr("checked", "checked");
                    }
                }
              });
        });
    </script>
</head>
<body>

<input type="checkbox" name="role" value="Admin1" class="ceks" />Admin1<br />
<input type="checkbox" name="role" value="Admin2" class="ceks" />Admin2<br />
<input type="checkbox" name="role" value="Admin3" class="ceks" />Admin3<br />
<input type="checkbox" name="role" value="Admin4" class="ceks" />Admin4<br />

</body>
</html>

Answer 3

如果页面是asp.net页面，为什么不在后面的代码中设置复选框？

IF (criteria is met)
    (checkboxID).selected = true
end if

使用jquery检查基于列表值的复选框

3 个答案: