Case à cocher dans gridview avec le bouton

Question

Dans un événement de clic sur un bouton, comment puis-je cocher toutes les cases dans gridview? Je n'ai pas besoin de case à cocher.

S'il vous plaît fournir vos connaissances

attendant votre réponse ....

Merci

Answer 1

Affectez une classe à toutes les cases à cocher de la ligne de grille et utilisez le script ci-dessous pour les obtenir toutes.

function getElementsByClass(searchClass,node,tag) { 
    var classElements = new Array(); 
    if (node == null) 
     node = document; 
    if (tag == null) 
     tag = '*'; 
    var els = node.getElementsByTagName(tag); 
    var elsLen = els.length; 
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); 
    for (i = 0, j = 0; i < elsLen; i++) { 
     if (pattern.test(els[i].className)) { 
       classElements[j] = els[i]; 
       j++; 
     } 
    } 
    return classElements; 
} 

Et vous avez l'appeler ainsi:

var messages = getElementsByClass("childbox"); 

affecter une classe childbox boîte enfant ligne de la grille.

document.getElementById("parentbox").onclick = function() { 
for(var index=0; index < messages.length; index++) { 
// prompt the content of the div 
//message[index].checked = (message[index].checked) ? false : true; 
} 
} 

vous assignez la classe parentbox à la case parent qui est en tête de la grille.

Vous n'êtes pas obligé de les définir - parentbox et childbox.

Answer 2

C# Disons que vous avez un chèque bouton Tout

<asp:CheckBox ID="chkSelectAll" runat="server" Text="SelectAll" 
AutoPostBack="true" OnCheckedChanged="chkSelectAll_CheckedChanged" /> 

et dans ce cas, cliquez sur vous feriez quelque chose comme:

protected void chkSelectAll_CheckedChanged(object sender, EventArgs e) 
{ 
    CheckBox chk; //assuming your gridview id=GridView1 

    foreach (GridViewRow rowItem in GridView1.Rows) 
    { 
    chk = (CheckBox)(rowItem.Cells[0].FindControl("chk1")); 
    chk.Checked =((CheckBox)sender).Checked; 
    } 
} 

javascript approche:

<script language="javascript"> 

function SelectAllCheckboxes(spanChk){ 

// Added as ASPX uses SPAN for checkbox 
var oItem = spanChk.children; 
var theBox= (spanChk.type=="checkbox") ? 
    spanChk : spanChk.children.item[0]; 
xState=theBox.checked; 
elm=theBox.form.elements; 

for(i=0;i<elm.length;i++) 
    if(elm[i].type=="checkbox" && 
      elm[i].id!=theBox.id) 
    { 
    //elm[i].click(); 
    if(elm[i].checked!=xState) 
    elm[i].click(); 
    //elm[i].checked=xState; 
    } 
} 
</script> 

champ Checkbox comme si:

<asp:CheckBox ID="chkAll" runat="server" Text="SelectAll" 
onclick="javascript:SelectAllCheckboxes(this);" /> 

Answer 3

<input id="btncheckall" type="button" value="select all" /> 

ajouter gestionnaire d'événements click à bouton ci-dessus (avec jQuery)

<script type="text/javascript"> 
    $(function(){ 

    $("#btncheckall").click(function(){ 

     $("#gridview input:checkbox").attr("checked","checked"); 

    }); 

    }); 
</script> 

ou vous pouvez utilisez la case à cocher. ceci est une case à cocher en dehors gridview

<input id="checkall" type="checkbox" /> 

ajouter gestionnaire d'événements change à case à cocher ci-dessus (avec jQuery)

<script type="text/javascript"> 
    $(function(){ 

    $("#checkall").change(function(){ 

     $("#gridview input:checkbox").val($(this).val()); 

    }); 

    }); 
</script> 

Answer 4

Si vous utilisez jquery vous pouvez utiliser le $ ('entrée: case') sélecteur donc quelque chose comme

<script type="text/javascript"> 
    $(function() { 
    $('#NameOfButtonToSelectAll').click(function() { 
     $('input:checkbox').each(function() { 
     this.checked = !this.checked; 
     }); 
    }); 
    }); 
</script> 

Answer 5

Hai Dominic,
Si vous voulez javascript regarder ce http://www.4guysfromrolla.com/articles/052406-1.aspx#postadlink

ou Check box in gridview with button

Answer 6

Jquery peut rendre cela plus facile. Accrochez-vous dans l'événement onslected des boîtes externes, et à l'intérieur itérez les cases de la grille en les sélectionnant toutes. Ceci est un excellent exemple des maux d'asp.net et de la façon dont il est utilisé par de nouveaux développeurs qui les bloque en pensant que tout le traitement et l'interaction se font côté serveur, et toutes sortes de hacks fous ont lieu pour maintenir cette illusion . C'est en arrière et fou.

Answer 7

Essayez ceci:

<asp:GridView ID="GridView1" runat="server"> 
    <Columns> 
     <asp:TemplateField> 
      <HeaderTemplate><asp:CheckBox ID="SelectUnSelectAllCheckBox" runat="server" /></HeaderTemplate> 
      <ItemTemplate><asp:CheckBox ID="SelectCheckBox" runat="server" /></ItemTemplate> 
     </asp:TemplateField> 
     <!-- Other columns are omitted --> 
    </Columns> 
</asp:GridView> 

---

<script type="text/javascript"> 
    $(document).ready(function(e) { 
     $("input[id$='SelectUnSelectAllCheckBox']").change(function() { 
      $("input[id$='SelectCheckBox']").attr("checked", this.checked); 
     }); 
    }); 
</script> 

Answer 8

de bien vouloir vérifier dehors et laissez-moi savoir quand vous l'avez travaillé.

Utilisation de JavaScript:

http://wiki.asp.net/page.aspx/281/check-uncheck-checkboxes-in-gridview-using-javascript/

En utilisant Serverside Script: (VB.Net)

http://aspnet.4guysfromrolla.com/articles/052406-1.aspx

Answer 9

En utilisant jQuery:

$('#SelectAll').click(function(){ 
    var checked = $(this).is(':checked'); 
    var allCheckboxes = $('table input:checkbox'); 
    if(checked) 
     allCheckboxes.attr('checked','checked'); 
    else 
     allCheckboxes.removeAttr('checked'); 
}); 

Vous voulez probablement changer la sélecteurs, supposons Vous avez un cours pour votre grille et votre case à cocher.