复选框不使用 Bootstrap 保持价值答案

【问题标题】：Checkbox doesn't keep value with Bootstrap Collapse复选框不使用 Bootstrap 保持价值
【发布时间】：2018-12-31 22:14:12
【问题描述】：

我正在尝试在项目中使用 Bootstrap Collapse，如果用户单击复选框，则会出现一个文本框供他们填写值，如果他们再次单击该复选框，则文本框会消失。当我单击它时，折叠工作正常，出现文本框，当我再次单击时，文本框消失。我遇到的问题是复选框没有保持其价值。当我第一次单击它时，它似乎根本没有检查，但文本框切换了。然后我在复选框的点击上放了一个消息框。当我这样做时，我可以看到复选框已被选中，但是当我单击消息框的“确定”时，该复选框丢失了它的选中状态。有没有办法让复选框在单击时保持选中状态，然后再次单击时，值会发生变化。这是我用过的代码..

<a class="collapsed" data-toggle="collapse" data-parent="#payment-accordion" href="#section1">
    <div class="control-group">
        <label class="control-label">Allowed </label>
        <div class="controls">
            @Html.CheckBoxFor(model => model.Allowed, new { @class = "input-mini", @id = "allowed"})
        </div>
    </div>           
</a>

<div class="accordion-body collapse" id="section1">
    <div class="control-group">
        <label class="control-label">Salary<span class="insert-year"></span>(£)</label>
        <div class="controls">
            @Html.TextBoxFor(model => model.Salary, StringFormat.Currency, new { @class = "valueChanged", maxLength = 10 })
            <br />@Html.ValidationMessageFor(model => model.Salary)
        </div>
    </div>
</div>

提前致谢

【问题讨论】：

标签： html asp.net-mvc twitter-bootstrap

【解决方案1】：

您将data-toggle="collapse" data-parent="#payment-accordion"attribute 设置为标签，因为当您单击链接时，文本框不会在您单击复选框时显示您已将其设置为复选框。像这样

 @Html.CheckBoxFor(model => model.Allowed,  
                           new { @class = "input-mini", 
                                 @id = "allowed",
                                 data_toggle = "collapse",
                                 data_parent = "#payment-accordion"
                                })

【讨论】：