2016-11-02 4 views
-1

Ich habe eine Checkbox in einer MVC-Projekt mit dem Namen:Bedingung für eine MVC Checkbox in Javascript

@Html.CheckBox("ShowAll", true) 

und dann in meinem js ich, ob das Kontrollkästchen überprüfen wollen, überprüft oder nicht.

So etwas wie

function checkboxAll(item) 
{ 
    if ((showAll).isChecked) 
{ 
    //do stuff 

was ist der beste Weg? Ich kann nicht scheinen, um die Syntax richtig

Dank } }

+1

Ich bin nicht sicher, was Ihre MVC erstellt, aber wählen Sie das Element entweder nach ID oder Klasse, und verwenden Sie dann einfach die Checked-Eigenschaft: 'document.getElementById (" ShowAll "). Überprüft" – DBS

+0

Bitte beachten Sie, dass das Modell View-Controller-Tag ist für Fragen über das Muster. Es gibt ein bestimmtes Tag für die ASP.NET-MVC-Implementierung. –

+0

Oder mit jquery - 'var isChecked = $ ('# ShowAll'). Is (': checked');' –

Antwort

1

zu erhalten, wenn @Html.Checkbox mit dem ersten Parameter ist der HTML-Attribut „name“, die angewandt werden, wenn das Kontrollkästchen erstellt wird.

Wenn Sie ein DOM-Element aus einem HTML-Attribut abrufen Sie folgende Jquery verwenden:

var isChecked = $("[Name='ShowAll']").val() 

P. S. Ich kann nicht garantieren, dass dies korrekt ist und werde den Kommentar später bearbeiten, wenn dies der Fall ist.

0

Wenn Sie also @Html.CheckBox("ShowAll", true) schreiben, wird ein Kontrollkästchen mit den folgenden Eigenschaften angezeigt.

<input checked="checked" 
     id="ShowAll" 
     name="ShowAll" 
     type="checkbox" 
     value="true" /> 

Auch erzeugt es einen versteckten Eingang wie folgt aus:

<input name="CheckBox" type="hidden" value="true" /> 

Jetzt wissen Sie, wie durch Namen oder die ID in jquery ein Feld zu bekommen.

Zugriffswert von

$("input[name='ShowAll']").val() 

oder

geprüft
$("input[name='ShowAll']").is(':checked') 

oder durch reine js var chkbox = document.getElementsByName("ShowAll");

die msdn page für eine vollständige Überlastungen See.

+0

Sie kombinieren Vanille JS und JQuery, sollte es sein '.val()' nicht '.value' und '.is (': checked')' not '.checked 'für die JQuery-Optionen. – DBS

Verwandte Themen