2012-01-07 25 views
3

我在形式与以下值复选框列表值复选框:请根据使用jQuery

<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 
} 

现在根据角色值,将在复选框中选中选项Admin1Admin4。我如何使用jQuery来做到这一点?

+2

如何从服务器返回数据?请张贴实际值而不是伪码数组。 – Bojangles 2012-01-07 02:28:56

+0

数据来自asp.net端。 Roles对象是一个字符串数组,如下所示:{[0] =“Admin1”,[1] =“Admin4”} – Anirban 2012-01-07 02:59:15

回答

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

我想我必须在客户端使用每个循环。你不能像这样硬编码:$('input [value =“Admin3”]')。prop(“checked”,true); – Anirban 2012-01-07 03:01:16

0

也许这可以帮助你:

<!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> 
+0

是的,谢谢..虽然我看到你的帖子晚了,但这是我做到的。 – Anirban 2012-01-10 18:37:32

0

如果该页面是一个asp.net页面,那么为什么不只是设置的复选框在后面的代码?

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