Utilisation appropriée of.net MVC Html.CheckBoxFor

Par défaut, le code ci-dessousne génère pas une case à cocher car les propriétés du modèle remplacent les attributs html:

@Html.CheckBoxFor(m => m.SomeBooleanProperty, new { @checked = "checked" });

Au lieu de cela, dans votre méthode GET Action , ce qui suit doit être fait:

model.SomeBooleanProperty = true;

Ce qui précède préservera votre sélection (Si vous décochez la case) même si le modèle n'est pas valide (c'est-à-dire qu'une erreur se produit lors de la publication du formulaire).

Cependant, le code suivant va certainement générer une case à cocher cochée, mais pas préservez vos réponses décocher , au lieu de cocher la case à chaque fois sur les erreurs dans le formulaire.

 @Html.CheckBox("SomeBooleanProperty", new { @checked = "checked" });

Mise à jour

//Get Method
   public ActionResult CreateUser(int id)
   {
        model.SomeBooleanProperty = true;         
   }

Le code ci-dessus générerait une case à cocher au démarrage et préserverait également votre sélection même en cas d'erreurs dans le formulaire.

J'avais un problème avec ASP.NET MVC 5 où CheckBoxFor ne vérifierait pas mes cases à cocher en cas d'échec de validation côté serveur même si mon modèle avait clairement la valeur définie sur true. Mon balisage/code Razor ressemblait à:

@Html.CheckBoxFor(model => model.MyBoolValue, new { @class = "mySpecialClass" } )

Pour que cela fonctionne, j'ai dû changer cela en:

@{
    var checkboxAttributes = Model.MyBoolValue ?
        (object) new { @class = "mySpecialClass", @checked = "checked" } :
        (object) new { @class = "mySpecialClass" };
}
@Html.CheckBox("MyBoolValue", checkboxAttributes)

Placez ceci sur votre modèle:

[DisplayName("Electric Fan")]
public bool ElectricFan { get; set; }

private string electricFanRate;

public string ElectricFanRate
{
    get { return electricFanRate ?? (electricFanRate = "$15/month"); }
    set { electricFanRate = value; }
}

Et ceci dans votre cshtml:

<div class="row">
    @Html.CheckBoxFor(m => m.ElectricFan, new { @class = "" })
    @Html.LabelFor(m => m.ElectricFan, new { @class = "" })
    @Html.DisplayTextFor(m => m.ElectricFanRate)
</div>

Qui affichera ceci:

Si vous cliquez sur la case à cocher ou l'étiquette en gras, il cochera/décochera la case

Aucune des réponses ci-dessus n'a fonctionné pour moi lors de la liaison sur POST, jusqu'à ce que j'Ajoute ce qui suit dans CSHTML

<div class="checkbox c-checkbox">
    <label>
        <input type="checkbox" id="xPrinting" name="xPrinting" value="true"  @Html.Raw( Model.xPrinting ? "checked" : "")>
        <span class=""></span>Printing
    </label>
</div>


// POST: Index

[HttpPost]
public ActionResult Index([Bind(Include = "dateInHands,dateFrom,dateTo,pgStatus,gpStatus,vwStatus,freeSearch,xPrinting,xEmbroidery,xPersonalization,sortOrder,radioOperator")] ProductionDashboardViewModel model)

Je cherchais la solution pour afficher l'étiquette dynamiquement à partir de la base de données comme ceci:

checkbox1 : Option 1 text from database
checkbox2 : Option 2 text from database
checkbox3 : Option 3 text from database
checkbox4 : Option 4 text from database

Donc aucune de la solution ci-dessus n'a fonctionné pour moi donc j'ai utilisé comme ceci:

 @Html.CheckBoxFor(m => m.Option1, new { @class = "options" }) 
 <label for="Option1">@Model.Option1Text</label>

 @Html.CheckBoxFor(m => m.Option2, new { @class = "options" }) 
 <label for="Option2">@Mode2.Option1Text</label>

De cette façon, lorsque l'utilisateur clique sur l'étiquette, la case à cocher sera sélectionnée.

Peut-être que cela peut aider quelqu'un.

J'ai eu du mal à faire fonctionner cela et j'ai ajouté une autre solution pour tous ceux qui veulent / ont besoin d'utiliser FromCollection.

Au Lieu de:

@Html.CheckBoxFor(model => true, item.TemplateId) 

Format html helper comme ceci:

@Html.CheckBoxFor(model => model.SomeProperty, new { @class = "form-control", Name = "SomeProperty"})

Puis dans le viewmodel/model où que votre logique soit:

public void Save(FormCollection frm)
{   
    // to do instantiate object.

    instantiatedItem.SomeProperty = (frm["SomeProperty"] ?? "").Equals("true", StringComparison.CurrentCultureIgnoreCase);

    // to do and save changes in database.
}