Zum anzeigen oder ausblenden von div-je nach checkbox-klicken Sie in mvc3

In meinem Blick, ich habe eine Tabelle, wo jede Zeile enthält Kästchen und 2 Spalten. Es ist zunächst nicht überprüft

   <input type="checkbox" name="chkbox" class="a" data-id="@item.Data.CandidatePortfolioID" onclick="Checked()" />
        <div class="cell" id="edit2" style="width:auto;">@Html.DisplayFor(modelItem => item.DataEndDate)</div>
        <div class="cell" id="edit1" style="width:auto; display:none;">
         @Html.TextBox("Enddate", item.DataEndDate, new { @class = "date"})
                </div>

Möchte ich die div mit der id='edit1' angezeigt werden soll, wenn die checkbox aktiviert ist und verstecken es sonst für die betreffende Zeile

wie kann ich das tun?

InformationsquelleAutor priya77 | 2012-08-23
  1. 3
    $("input[name='chkbox']").on("change", function () {
    $("#edit1").toggle(this.checked);
});

    Pre jQuery 1.7:

    $("input[name='chkbox']").change(function () { //or .bind("change", function () {
    $("#edit1").toggle(this.checked);
});

    Demo.

    • es gibt die Fehlermeldung "Objekt doesnot support auf"
    • Versuchen Sie, den pre jQuery 1.7 Lösung dann, das ist, warum ich warf es in.
    • Ich habe versucht ..jetzt seine Arbeit aber nicht so wie ich will...es ist immer zeigen, dass für die erste Zeile, selbst wenn ich wählen 3. Zeile....Ich möchte die ausgewählte Zeile der entsprechenden Spalte ein - /ausblenden....in meiner Tabelle
    InformationsquelleAutor karim79
  2. 0
    $('input.a').click(function() 
{
    if ($(this).is(':checked'))
    {
         $('div#edit1').hide();
    }
    else
    {
        $('div#edit1').show();
    }
});
    InformationsquelleAutor Liam
  3. 0
    $('.a').click(function(){

if ($('.a').is(':checked'))
{
 $('#edit1').css('display','block');
}
else
{
$('#edit1').css('display','none');
}
});​

    hier ist die funktionsfähige demo - checkbox 

    $('input[type=checkbox]').click(function(){

if ($(this).is(':checked'))
 {
 $(this).next().next().show();
 }
else
{
$(this).next().next().hide();
}
});​
    • fügen Sie in der JS-Funktion
    • es givs mir diese Fehlermeldung "Microsoft JScript runtime error: Funktion erwartet"
    • :Bt nicht arbeitet stil!! Ich dont erhalten alle Fehler, aber es nicht tun, anytihng auch möchte ich die ausgewählte Zeile der entsprechenden Spalte ein - /ausblenden....in meiner Tabelle....nicht nur für die erste Zeile
    • seine Arbeit in jsfiddle haben u mitgelieferte jquery-Bibliothek
    InformationsquelleAutor M Khalid Junaid
  4. 0

    Machen Sie das Kontrollkästchen mit bestimmten Attributs "name":

    $('inpunt[name="chkbox"]').bind('click',function(){ 
if ($(this).is(':checked'))
{
     $('div#edit1').hide();
}
else
{
    $('div#edit1').show();
}
});
    • Es funktioniert nicht, ich will zeigen, date picker von der ausgewählten Zeile , bt mit all den oben und, es zeigt mir die Datumsauswahl entweder in der ersten Zeile oder alle Zeilen u Kann mir helfen mit diesem
    InformationsquelleAutor zhyder
  5. 0

    Erstens, Danke für alle ur Hilfe und guidence

    In meinem code habe ich aus folgenden änderungen:

    in der anzeigen-code

       <div class="cell" style="width:auto;"> <input type="checkbox" name="chkbox" class="a"  data-id="@item.Data.CandidatePortfolioID" onclick="checkbox1(@item.Index)"/> 
</div> 
       <div class="cell" id=**"[email protected]"** style="width:auto;">@Html.DisplayFor(modelItem => item.EndDate)</div>
        <div class="cell" id=**"[email protected]"** style="width:auto; display:none;">@Html.TextBox("Enddate", item.EndDate, new { @class = "date" })</div>

    JQuery-Funktion

       function checkbox1(index) {
    var divname =index;
    $("#edit1-" + divname).toggle();
    $("#edit2-" + divname).toggle();
}
    InformationsquelleAutor priya77
Schreibe einen Kommentar