使用Jquery MVC3动态获取复选框选中值名称



我有这些视图

view1

  @if (@Model.QuestionType == 3)
 {
<div data-role="fieldcontain">
    @using (Html.BeginForm("SaveCheckbox", "GetQuestion", Model))
    {
        @Html.AntiForgeryToken() 
        <fieldset data-role="controlgroup" id="@(Model.QuestionNo)_fld">
            <label class="select">@Model.QuestionText
            </label>
            <br />
            @foreach (var item in Model.Options)
            {
                if (@item.IsAnswer == true)
                {
                <input type="checkbox" checked="checked" name="selectedObjects" id="@(Model.QuestionNo)_@(item.OptionNumber)_chk" value="@item.OptionNumber" class="custom"  />
                }
                else
                {
                <input type="checkbox"  name="selectedObjects" id="@(Model.QuestionNo)_@(item.OptionNumber)_chk" value="@item.OptionNumber" class="custom"   />   
                }
                <label for="@(Model.QuestionNo)_@(item.OptionNumber)_chk">
                    @item.OptionText</label> 
            }
            <br />
        </fieldset>
        <p>
            <input type="submit" id="@(Model.QuestionNo)_chk" onclick="return SaveCheckBoxNew(this);" value="Next" />
        </p>
    }
</div>
  }
   @if (@Model.QuestionType == 4)
  {
   <div data-role="fieldcontain">
    @using (Html.BeginForm("SaveCheckBoxTextInput", "GetQuestion", Model))
    {
        @Html.AntiForgeryToken() 
        <fieldset data-role="controlgroup" id="@(Model.QuestionNo)_fld">
            <label id="l3" for="select-choice-1" class="select">@Model.QuestionText
            </label>
            <br />
            @foreach (var item in Model.Options)
            {
                if (@item.IsAnswer == true)
                {
                    if (@item.OptionText == "Other")
                    {
                <input type="checkbox" checked="checked" name="selectedObjects" questionid="@Model.QuestionNo" other="true" id="@(Model.QuestionNo)_@(item.OptionNumber)_chk" value="@item.OptionNumber" onchange="selectCheckbox(this);" />
                <input type="text" value="@item.Answer" name="selectedObjects" id="@(Model.QuestionNo)_chktxt"/>
                    }
                    else
                    {
                <input type="checkbox" checked="checked" name="selectedObjects" questionid="@Model.QuestionNo" other="false" id="@(Model.QuestionNo)_@(item.OptionNumber)_chk" value="@item.OptionNumber" onchange="selectCheckbox(this);" />
                    }
                }
                else
                {
                    if (@item.OptionText == "Other")
                    {
                <input type="checkbox" name="selectedObjects" questionid="@Model.QuestionNo" other="true" id="@(Model.QuestionNo)_@(item.OptionNumber)_chk" value="@item.OptionNumber" onchange="selectCheckbox(this);" />
                <input type="text" name="selectedObjects" id="@(Model.QuestionNo)_chktxt" style="display: none;" />
                    }
                    else
                    {
                <input type="checkbox" name="selectedObjects" questionid="@Model.QuestionNo" other="false" id="@(Model.QuestionNo)_@(item.OptionNumber)_chk" value="@item.OptionNumber" onchange="selectCheckbox(this);" />
                    }
                }
                <label for="@(Model.QuestionNo)_@(item.OptionNumber)_chk">
                    @item.OptionText</label> 
            }
            <br />
        </fieldset>
        <p>
            <input type="submit" id="@(Model.QuestionNo)__chktxtinput" value="Next" onclick="return validateCheckBoxTextInput(this);" />
        </p>
    }
</div>
 }

我正在根据问题类型呈现相同的视图。所以我写了单独的javascript像这样:

1:

function SaveCheckBoxNew(button) {
    alert($('input:checkbox[name=selectedObjects]:checked').val());
}

For 2:

function validateCheckBoxTextInput(button){
alert($('input:checkbox[name=selectedObjects]:checked').val());
}

因此,如果我在第二个视图中没有选中任何复选框,它将显示与第一个视图中选中的相同的值。

我必须得到null,如果任何复选框没有被选中,在第二个为什么selectednameobjects没有被清除。

如何解决这个问题?谢谢你的帮助。

我不确定你的语法是否正确。我使用的复选框是这样的:

$('#selectedObjects').is(':checked')

这通常对我有用。也许语法不是问题所在,但是您可以测试一下……

try

$(this).closest("input:checkbox[name=selectedObjects]:checked").val());

最新更新