2012-01-07 52 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