首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Checkbox.Ischecked总是返回false

Checkbox.Ischecked总是返回false
EN

Stack Overflow用户
提问于 2017-08-26 05:44:03
回答 1查看 85关注 0票数 0

我的复选框总是返回false。谁能帮帮忙,me.This是我的html div。

代码语言:javascript
运行
复制
<div class="large-12 columns">
    <label for="Data_AlternatePhones[i]_IsPrimary">
        <input class="toggle_enabled hidden-field" id="Data_AlternatePhones[i]_IsPrimary" name="Data.AlternatePhones[i].IsPrimary" value="true" type="checkbox">
        <span class="custom checkbox"></span>
        <input name="Data.AlternatePhones[i].IsPrimary" value="false" type="hidden">IsPrimary
    </label>
</div>

选中该复选框后,页面检查器代码将显示以下html代码片段

代码语言:javascript
运行
复制
<div class="large-12 columns">
    <label for="Data_AlternatePhones[i]_IsPrimary">
        <input class="toggle_enabled hidden-field" id="Data_AlternatePhones[i]_IsPrimary" name="Data.AlternatePhones[i].IsPrimary" value="true" type="checkbox">
        <span class="custom checkbox checked"></span>
        <input name="Data.AlternatePhones[i].IsPrimary" value="false" type="hidden">IsPrimary
    </label>
</div>

如果未选中该复选框,页面检查器代码将显示以下html代码片段

代码语言:javascript
运行
复制
<div class="large-12 columns">
    <label for="Data_AlternatePhones[i]_IsPrimary">
        <input class="toggle_enabled hidden-field" id="Data_AlternatePhones[i]_IsPrimary" name="Data.AlternatePhones[i].IsPrimary" value="true" type="checkbox">
        <span class="custom checkbox"></span>
        <input name="Data.AlternatePhones[i].IsPrimary" value="false" type="hidden">IsPrimary
   </label>
</div>

我在jQuery代码中的数据变量在两种情况下都给出了isPrimary = false。

代码语言:javascript
运行
复制
var data =
    {
        customerGuid: $("#Data_CustomerGuid").val(),
        contactInfoType: type,
        contactInfo: $("#Data_AlternatePhones_"+i+"__PhoneNumber").val(),
                isPrimary: $("#Data_AlternatePhones_" + i + "__IsPrimary").is(':checked'), 
    isPrimaryTest: $("#Data_AlternatePhones[" + i + "]_IsPrimary > span").is(':checked'),                  
        contactInfoID: $("#Data_AlternatePhones_"+i+"__ID").val()
    };

Image of the data i get in the developer tool

请帮我弄清楚这件事。谢谢。

这是我在cshtml文件中的实际标记。

代码语言:javascript
运行
复制
     @if (Model.Data.AlternatePhones.Count > 0)
        {
            for (int i = 0; i < Model.Data.AlternatePhones.Take(2).Count(); i++)
            {
                <div style="float:right">
                    <a data-reveal-id="divFirstSetEditAlternatePhoneNumber@(i)" class="fa fa-pencil-square-o" data-i="@i" data-contactinfotype="phone" ></a>
                    <a class="fa fa-trash-o deletecontactinfo" data-customer-id="@Model.Data.CustomerGuid" data-info="@Model.Data.AlternatePhones[i].PhoneNumber" data-contactinfotype="phone"></a>
                </div>
                <div>
                    @Model.Data.AlternatePhones[i].PhoneNumber                        
                    @if (Model.Data.AlternatePhones[i].IsVerified)
                    {
                        <div class="fa fa-user"><span class="verified">Verified Customer</span></div><br />
                    }
                </div>
                <br />
                <div id="divFirstSetEditAlternatePhoneNumber@(i)" class="reveal-modal tiny" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
                    <div class="form custom med-6 columns popupModal">
                        <h2>
                            Edit Phone Number
                        </h2>
                        <form>
                            @Html.HiddenFor(x => Model.Data.CustomerGuid)
                            @Html.HiddenFor(x => Model.Data.AlternatePhones[i].ID)
                            <div class="row">
                                <div class="large-12 columns">
                                    @Html.WrappedTextBoxFor(x => Model.Data.AlternatePhones[i].PhoneNumber, htmlAttributes: new { @class = "toggle_enabled" })
                                </div>
                            </div>
                            <div class="row">
                                <div class="large-12 columns">
                                    @*@Html.WrappedCheckBoxFor(x => Model.Data.AlternatePhones[i].IsPrimary, htmlAttributes: new { @class = "toggle_enabled" })*@

                                    <label for="Data_AlternatePhones[i]_IsPrimary">
                                        <input class="toggle_enabled hidden-field" id="Data_AlternatePhones[i]_IsPrimary" name="Data.AlternatePhones[i].IsPrimary" value="true" type="checkbox">
                                        <span class="custom checkbox"></span>
                                        <input name="Data.AlternatePhones[i].IsPrimary" value="false" type="hidden">IsPrimary
                                    </label>

                                </div>
                            </div>
                            <div class="row">
                                <div class="large-12 columns">
                                    <input type="button" class="btnEditAlternatePhoneNumber button toggle_enabled" value="Save" />
                                    <button class="btnCloseEditAlternatePhoneNumber button toggle_enabled closediv">Cancel</button>
                                </div>
                                <a class="close-reveal-modal toggle_enabled">&#215;</a>
                            </div>


                        </form>
                    </div>
                </div>
            }
        }
EN

回答 1

Stack Overflow用户

发布于 2017-08-26 08:10:58

您的输入元素未正确关闭。关闭输入标记。将/添加到输入元素的末尾

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45889772

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档