使用Jquery MVC3动态获取复选框检查的值名称

时间:2011-12-02 09:38:28

标签: jquery asp.net-mvc-3

我有这些观点

厂景

  @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>
 }

我根据问题类型呈现相同的视图。 所以我为这两个人写了这样的单独的javascripts:

1:

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

2:

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

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

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

我该如何解决这个问题? 在此先感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

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

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