Comment passer un tableau anonyme de chaînes à une fonction JavaScript?

Question

Je veux passer à un tableau d'ID de contrôles à une fonction de script javascript afin qu'il change l'état d'activation du contrôle.

Par exemple, dans C# ce serait comme ceci:

func(false, new[] { "Control1", "Control2", "Control3" }); 

Dans cette fonction, je veux trouver des contrôles correspondants et désactiver/les activer. Pour un contrôle, procédez comme suit:

<script type="text/javascript" language="javascript"> 
    function switchControls(value, arr) { 
     for (var n = 0; n < array.length; n++) 
      document.getElementById([n]).disabled = value; 
    } 
</script> 

<asp:CheckBox runat="server" 
    onclick="switchControls(this.checked, 
     [ 
      '<%= Control1.ClientID %>', 
      '<%= Control2.ClientID %>' 
     ])" 
    Text="Take?" /> 

Comment l'implémenter correctement? Ai-je besoin d'utiliser jQuery?

Answer 1

<script type="text/javascript" language="javascript"> 
    function toggleControls(value) { 
     $('.toggle').each(function() { 
      if (value) { 
       $(this).removeAttr('disabled'); 

      } 
      else { 
       $(this).attr('disabled', 'true'); 
      } 
     }); 
    } 
</script> 

<asp:CheckBox runat="server" onclick="toggleControls(this.checked)" Text="Take?" /> 
<asp:TextBox runat="server" CssClass="toggle" /> 

Answer 2

vous ne "nantie" à utiliser jQuery, mais il est plus frais somekind de l'utiliser :)

function checkme(arr){ 
    if($.isArray(arr)){ 
    $.each(arr, function(){ 
     var currentState = this.attr('disabled'); 
     if(currentState == 'disabled' || currentState == 'true'){ 
      this.removeAttr('disabled');   
     } 
     else{ 
      this.attr('disabled', 'disabled'); 
     } 
    }); 
    } 
} 

utilisation: checkme([$("#someid"), $("#anotherid"), $("#anotherid")]);

Answer 3

Pas jQuery (ou toute autre bibliothèque) nécessaire.

Il ressemble à votre code fera l'affaire avec une modification ou deux:

<script type="text/javascript"> 
    function switchControls(value, arr) { 
     for (var n = 0; n < arr.length; n++){ 
      document.getElementById(arr[n]).disabled = value; 
     } 
    } 
</script> 

Tant que votre déclaration ASP passe dans un booléen et un tableau d'ID (il semble comme il le fait déjà, mais Je ne suis pas familier avec ASP), cela devrait fonctionner. Par exemple, votre onClick pourrait appeler switchControls comme ceci:

switchControls(true, ['foo','bar','baz']);