Asp.net mvc: почему Html.CheckBox генерирует дополнительный скрытый ввод

Ответ 1

Если флажок не выбран, поле формы не будет отправлено. Вот почему в скрытом поле всегда есть ложная ценность. Если оставить флажок снят, форма будет по-прежнему иметь значение из скрытого поля. Именно так ASPK MVC обрабатывает значения флажка.

Если вы хотите это подтвердить, установите флажок в форме не с Html.Hidden, а с <input type="checkbox" name="MyTestCheckboxValue"></input>. Оставьте флажок снятым флажком, отправьте форму и посмотрите на опубликованные значения запросов на стороне сервера. Вы увидите, что флажок не установлен. Если у вас есть скрытое поле, оно будет содержать запись MyTestCheckboxValue с false значением.

Ответ 2

Вы можете написать помощник, чтобы предотвратить добавление скрытого ввода:

using System.Web.Mvc;
using System.Web.Mvc.Html;

public static class HelperUI
{
    public static MvcHtmlString CheckBoxSimple(this HtmlHelper htmlHelper, string name, object htmlAttributes)
    {
        string checkBoxWithHidden = htmlHelper.CheckBox(name, htmlAttributes).ToHtmlString().Trim();
        string pureCheckBox = checkBoxWithHidden.Substring(0, checkBoxWithHidden.IndexOf("<input", 1));
        return new MvcHtmlString(pureCheckBox);
    }
}

используйте его:

@Html.CheckBoxSimple("foo", new {value = bar.Id})

Ответ 3

когда флажок установлен и отправлен, выполните это

if ($('[name="foo"]:checked').length > 0)
    $('[name="foo"]:hidden').val(true);

Обратитесь

Ответ 4

Ручной подход таков:

bool IsDefault = (Request.Form["IsDefault"] != "false");

Ответ 5

Это строго типизированная версия решения Александра Трофимова:

using System.Web.Mvc;
using System.Web.Mvc.Html;

public static class HelperUI
{
    public static MvcHtmlString CheckBoxSimpleFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool>> expression, object htmlAttributes)
    {
        string checkBoxWithHidden = htmlHelper.CheckBoxFor(expression, htmlAttributes).ToHtmlString().Trim();
        string pureCheckBox = checkBoxWithHidden.Substring(0, checkBoxWithHidden.IndexOf("<input", 1));
        return new MvcHtmlString(pureCheckBox);
    }
}

Ответ 6

Используйте Contains, он будет работать с двумя возможными значениями post: "false" или "true, false".

bool isChecked = Request.Form["foo"].Contains("true");

Ответ 7

Это не ошибка! Это добавляет возможность всегда иметь ценность после публикации формы на сервере. Если вы хотите иметь дело с полями ввода флажка с помощью jQuery, используйте метод prop (передайте свойство "checked" в качестве параметра). Пример: $('#id').prop('checked')

Ответ 8

Вы можете попытаться инициализировать конструктор вашей модели следующим образом:

public MemberFormModel() {
    foo = true;
}

и на ваш взгляд:

@html.Checkbox(...)
@html.Hidden(...)

Ответ 9

Скрытый ввод вызывал проблемы со стилизованными флажками. Поэтому я создал Html Helper Extension для размещения скрытого ввода вне div, содержащего CheckBox.

using System;
using System.Linq.Expressions;
using System.Text;
using System.Web.Mvc;
using System.Web.Routing;

namespace YourNameSpace
{
    public static class HtmlHelperExtensions
    {
        public static MvcHtmlString CustomCheckBoxFor<TModel, TValue>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TValue>> expression, string labelText)
        {
            //get the data from the model binding
            var fieldName = ExpressionHelper.GetExpressionText(expression);
            var fullBindingName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(fieldName);
            var fieldId = TagBuilder.CreateSanitizedId(fullBindingName);
            var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
            var modelValue = metaData.Model;

            //create the checkbox
            TagBuilder checkbox = new TagBuilder("input");
            checkbox.MergeAttribute("type", "checkbox");
            checkbox.MergeAttribute("value", "true"); //the visible checkbox must always have true
            checkbox.MergeAttribute("name", fullBindingName);
            checkbox.MergeAttribute("id", fieldId);

            //is the checkbox checked
            bool isChecked = false;
            if (modelValue != null)
            {
                bool.TryParse(modelValue.ToString(), out isChecked);
            }
            if (isChecked)
            {
                checkbox.MergeAttribute("checked", "checked");
            }

            //add the validation
            checkbox.MergeAttributes(htmlHelper.GetUnobtrusiveValidationAttributes(fieldId, metaData));

            //create the outer div
            var outerDiv = new TagBuilder("div");
            outerDiv.AddCssClass("checkbox-container");

            //create the label in the outer div
            var label = new TagBuilder("label");
            label.MergeAttribute("for", fieldId);
            label.AddCssClass("checkbox");

            //render the control
            StringBuilder sb = new StringBuilder();
            sb.AppendLine(outerDiv.ToString(TagRenderMode.StartTag));
            sb.AppendLine(checkbox.ToString(TagRenderMode.SelfClosing));
            sb.AppendLine(label.ToString(TagRenderMode.StartTag));
            sb.AppendLine(labelText); //the label
            sb.AppendLine("<svg width=\"10\" height=\"10\" class=\"icon-check\"><use xlink:href=\"/icons.svg#check\"></use></svg>"); //optional icon
            sb.AppendLine(label.ToString(TagRenderMode.EndTag));
            sb.AppendLine(outerDiv.ToString(TagRenderMode.EndTag));

            //create the extra hidden input needed by MVC outside the div
            TagBuilder hiddenCheckbox = new TagBuilder("input");
            hiddenCheckbox.MergeAttribute("type", HtmlHelper.GetInputTypeString(InputType.Hidden));
            hiddenCheckbox.MergeAttribute("name", fullBindingName);
            hiddenCheckbox.MergeAttribute("value", "false");
            sb.Append(hiddenCheckbox.ToString(TagRenderMode.SelfClosing));

            //return the custom checkbox
            return MvcHtmlString.Create(sb.ToString());
        }

Результат

<div class="checkbox-container">
    <input checked="checked" id="Model_myCheckBox" name="Model.myCheckBox" type="checkbox" value="true">
    <label class="checkbox" for="Model_myCheckBox">
        The checkbox label
        <svg width="10" height="10" class="icon-check"><use xlink:href="/icons.svg#check"></use></svg>
    </label>
</div>
<input name="Model.myCheckBox" type="hidden" value="false">

Ответ 10

Я обнаружил, что это действительно вызвало проблемы, когда у меня был WebGrid. Связи сортировки в WebGrid включались бы с помощью удвоенной очереди или x = true & x = false в x = true, false и вызывают ошибку синтаксического анализа.

В результате я использовал jQuery для удаления скрытых полей на стороне клиента:

    <script type="text/javascript">
    $(function () {
        // delete extra hidden fields created by checkboxes as the grid links mess this up by doubling the querystring parameters
        $("input[type='hidden'][name='x']").remove();
    });
    </script>

Ответ 11

это идиотизм, я просто провел два дня, пытаясь выяснить, почему это не работает

    <form id="laform" method="post" class="consent-scopecheck">

        <label asp-for="Input.RememberConsent">Remember Me 
            <input asp-for="Input.RememberConsent" />
        </label>
        <button name="Button" value="yes" class="btn btn-primary" autofocus>Push</button>
    </form>

Значение Post для флажка всегда ложно

public class blahModel : PageModel
   {
       [BindProperty]
       public DeviceAuthorizationInputModel Input { get; set; }

       public void OnPost()
       {
           var values =  Request.Form["Input.RememberConsent"]; // [true,false]
           var val = Input.RememberConsent; // <!-- always false


           Console.WriteLine();
       }

   }

Моя модель ввода

public class ConsentInputModel
    {
        public string Button { get; set; }
        public IEnumerable<string> ScopesConsented { get; set; }
        public bool RememberConsent { get; set; }
        public string ReturnUrl { get; set; }
    }

независимо от того, что происходит Input.RememberConsent всегда ложно.