Obtenir la valeur de la case à cocher ASP.NET MVC 4

puisque vous utilisez Model.Nom pour définir la valeur. Je suppose que vous passez un modèle de vue vide à la vue.

ainsi la valeur pour Remember est false, et définit la valeur sur l'élément de la case à cocher à false. Cela signifie que lorsque vous sélectionnez la case à cocher, vous affichez la valeur "faux" avec le formulaire. Quand vous ne le sélectionnez pas, il n'est pas posté, donc le model est par défaut à false. Qui est pourquoi vous voyez valeur faux dans les deux cas.

la valeur n'est transmise que lorsque vous cochez la case Sélectionner. Pour faire une case à cocher dans Mvc utiliser

@Html.CheckBoxFor(x => x.Remember)

ou si vous ne voulez pas lier le modèle à la vue.

@Html.CheckBox("Remember")

Mvc fait de la magie avec un champ caché pour persister les valeurs quand elles ne sont pas sélectionnées.

éditer, si vous avez vraiment une aversion à faire cela et que vous voulez générer l'élément vous-même, vous pouvez le faire.

<input id="Remember" name="Remember" type="checkbox" value="true" @(Model.Remember ? "checked=\"checked\"" : "") />

utiliser seulement ce

$("input[type=checkbox]").change(function () {
    if ($(this).prop("checked")) {
        $(this).val(true);
    } else {
        $(this).val(false);
    }
});

OK, la case à cocher est un peu bizarre. Lorsque vous utilisez HTML helper, il génère deux entrées de case à cocher sur le markup, et les deux se passent dans une paire de valeur de IEnumerable si elle est cochée.

si elle n'est pas cochée sur le markup, elle n'est transmise que dans l'entrée cachée qui a une valeur de false.

donc par exemple sur le markup vous avez:

      @Html.CheckBox("Chbxs") 

et dans l'action du contrôleur (s'assurer que le nom correspond au nom param de la case à cocher sur le controller):

      public ActionResult Index(string param1, string param2,
      string param3, IEnumerable<bool> Chbxs)

puis dans le controller vous pouvez faire des choses comme:

      if (Chbxs != null && Chbxs.Count() == 2)
        {
            checkBoxOnMarkup = true;
        }
        else
        {
            checkBoxOnMarkup = false;
        }

je sais que ce n'est pas une solution élégante. J'espère que quelqu'un ici peut donner quelques conseils.

au lieu de

 <input id="Remember" name="Remember" type="checkbox" value="@Model.Remember" />

utiliser:

 @Html.EditorFor(x => x.Remember)

qui vous donnera une case à cocher spécifiquement pour se souvenir

pour convertir une valeur retournée d'une case à cocher dans une forme à une propriété booléenne, j'ai utilisé le convertisseur ValueProviderResult dans build dans un ModelBinder personnalisé.

ValueProviderResult cbValue = bindingContext.ValueProvider.GetValue("CheckBoxName");
bool value = (bool)cbValue.ConvertTo(typeof(bool));

j'ai rencontré un problème similaire et j'ai pu récupérer la valeur de la case à cocher en utilisant une case à cocher, hiddenfor et little JQuery comme ça:

@Html.CheckBox("isPreferred", Model.IsPreferred)
@Html.HiddenFor(m => m.IsPreferred)

<script>

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

        $("#IsPreferred").val($("#isPreferred").val());

    })

</script>

cela a été une douleur majeure et se sent comme il devrait être plus simple. Voici mon installation et ma solution.

j'utilise le helper HTML suivant:

@Html.CheckBoxFor(model => model.ActiveFlag)

ensuite, dans le controller, je vérifie la collecte de formulaires et le traitement en conséquence:

bool activeFlag = collection["ActiveFlag"] == "false" ? false : true;
[modelObject].ActiveFlag = activeFlag;

@Html.EditorFor(x => x.ShowComment)


$(function () {
        // set default value to control on document ready instead of 'on'/'off' 
        $("input[type='checkbox'][name='ShowComment']").val(@Model.ShowComment.ToString().ToLower());
    });

    $("#ShowComment").change(function() {
        // this block sets value to checkbox control for "true" / "false"

        var chkVal = $("input[type='checkbox'][name='ShowComment']").val();
        if (chkVal == 'false') $("input[type='checkbox'][name='ShowComment']").val(true);
        else $("input[type='checkbox'][name='ShowComment']").val(false);

    });

pour le MVC en utilisant le modèle. Numéro de l'article:

public class UserInfo
{
    public string UserID { get; set; }
    public string UserName { get; set; }
    public string Password { get; set; }
    public bool RememberMe { get; set; }
}

HTML:

<input type="checkbox" value="true" id="checkbox1" name="RememberMe" checked="@Model.RememberMe"/>
<label for="checkbox1"></label>

dans la fonction [HttpPost], nous pouvons obtenir ses propriétés.

[HttpPost]
public ActionResult Login(UserInfo user)
{
   //...
   return View(user);
}

je viens de tomber sur ce (Je ne peux pas croire qu'il ne lie pas sur/hors!)

de toute façon!

<input type="checkbox" name="checked" />

affichera une valeur de "on" ou "off".

Ce l'HABITUDE lier à un booléen, mais vous pouvez faire ce stupide solution de contournement!

 public class MyViewModel
 {
     /// <summary>
     /// This is a really dumb hack, because the form post sends "on" / "off"
     /// </summary>                    
     public enum Checkbox
     {
        on = 1,
        off = 0
     }
     public string Name { get; set; }
     public Checkbox Checked { get; set; }
}

pour plusieurs cases à cocher avec le même nom... Code pour supprimer les faux inutiles:

List<string> d_taxe1 = new List<string>(Request.Form.GetValues("taxe1"));
d_taxe1 = form_checkbox.RemoveExtraFalseFromCheckbox(d_taxe1);

fonction

public class form_checkbox
{

    public static List<string> RemoveExtraFalseFromCheckbox(List<string> val)
    {
        List<string> d_taxe1_list = new List<string>(val);

        int y = 0;

        foreach (string cbox in val)
        {

            if (val[y] == "false")
            {
                if (y > 0)
                {
                    if (val[y - 1] == "true")
                    {
                        d_taxe1_list[y] = "remove";
                    }
                }

            }

            y++;
        }

        val = new List<string>(d_taxe1_list);

        foreach (var del in d_taxe1_list)
            if (del == "remove") val.Remove(del);

        return val;

    }      



}

Utiliser :

int x = 0;
foreach (var detail in d_prix){
factured.taxe1 = (d_taxe1[x] == "true") ? true : false;
x++;
}

public ActionResult Index(string username, string password, string rememberMe)
{
   if (!string.IsNullOrEmpty(username))
   {
      bool remember = bool.Parse(rememberMe);
      //...
   }
   return View();
}

Modifier Rappelez-vous, comme ce

public class MyModel
{
    public string Name { get; set; }
    public bool? Remember { get; set; }
}

utiliser null bool dans le contrôleur et fallback à false sur null comme ceci

[HttpPost]
public ActionResult MyAction(MyModel model)
{
    model.Remember = model.Remember ?? false;
    Console.WriteLine(model.Remember.ToString());
}

dans mon cas, je ne définissais pas la propriété model" Remember " dans la méthode get. Vérifier votre logique dans le contrôleur. Vous pouvez peut-être faire de même. J'espère que cela aide!

si vous voulez vraiment utiliser du HTML pur (pour quelque raison que ce soit) et pas les extensions HtmlHelper intégrées, vous pouvez le faire de cette façon.

au lieu de

<input id="Remember" name="Remember" type="checkbox" value="@Model.Remember" />

essayer d'utiliser

<input id="Remember" name="Remember" type="checkbox" value="true" @(Model.Remember ? "checked" : "") />

" Checkbox entrées dans le travail HTML de sorte que quand ils sont cochés, ils envoient la valeur, et quand ils ne sont pas cochés, ils n'envoient rien du tout (ce qui causera ASP.NET MVC to fallback to the valeur par défaut du champ false ). En outre, la valeur de la case à cocher en HTML peut être n'importe quoi, pas seulement vrai/faux, donc si vous voulez vraiment, vous pouvez même utiliser une case à cocher pour un champ de chaîne dans votre modèle.

si vous utilisez le Html.RenderCheckbox intégré , il affiche en fait deux entrées: une case à cocher et un champ caché de sorte qu'une fausse valeur est envoyée lorsque la case à cocher n'est pas cochée (pas juste rien). Qui peut causer des situations inattendues, comme ceci:

• pourquoi la case à cocher affiche-t-elle une balise d'entrée supplémentaire, et comment puis-je obtenir la valeur en utilisant la section FormCollection?

j'ai lu les autres réponses et je n'ai pas tout à fait réussi à le faire fonctionner - voici donc la solution que j'ai trouvée.

mon formulaire utilise le Html.EditorFor(e => e.Property) pour générer la case à cocher, et en utilisant FormCollection dans le contrôleur, cela passe une valeur de chaîne de caractères de 'true,false' dans le contrôleur.

quand je manipule les résultats j'utilise une boucle pour les parcourir - j'utilise aussi une instance InfoProperty pour représenter la valeur du modèle courant évalué à partir de la forme.

donc à la place je viens de vérifier si la chaîne retournée commence par le mot 'true' et ensuite mettre une variable booléenne à true et passer cela dans le modèle de retour.

if (KeyName.EndsWith("OnOff"))
{
    // set on/off flags value to the model instance
    bool keyTrueFalse = false;
    if(values[KeyName].StartsWith("true"))
    {
        keyTrueFalse = true;
    }
    infoProperty.SetValue(processedInfo, keyTrueFalse);
}

si vous travaillez avec FormCollection plutôt qu'avec model, la tâche peut être aussi simple que:

MyModel.Remember = fields["Remember"] != "false";