jQuery尝试根据在MVC3中取消选中CheckBoxFor来设置TextBoxFor值

时间:2012-01-17 23:36:41

标签: jquery asp.net-mvc-3 checkboxfor

我有一个视图,它正在填充数据库中的checkboxfor和textboxfor。这些中有多个,具体取决于模型中的记录数。这一切都很好。但现在我想要一个脚本,如果取消选中该框,将删除相应的文本框。脚本正在运行,但它似乎找不到文本框 - 我已经尝试了7种方式到星期日,当它命中行将值设置为空字符串时,它只是继续前进,没有任何反应。当我查看源代码时,我的变量中的内容是我试图操作的文本框的id。我已经用这个把头发拉了2天了。任何帮助表示赞赏。

这是脚本:

<script type="text/javascript">
    $(document).ready(function () {
        $('.chkbox').live('click', function () {
            if ( ! $(this).attr('checked')) 
                {
                var myid = "txtbox_" + $(this).attr('id');
                var varempty = '';
                $("#" + myid).val = (varempty);
            }

        });
    });

我在这里创建/ textboxfor的复选框:

@For x = 0 To Model.Count - 1
      Dim i As Integer = x
      @&lt;tr&gt;
      &lt;td class="checkboxcolumn"&gt;
      @Html.HiddenFor(Function(model) model(i).Soft_ID)
      @Html.HiddenFor(Function(model) model(i).ESR_Soft_ID)
      @Html.CheckBoxFor(Function(model) model(i).Soft_Checked, New With {.id = Model(i).Soft_ID.ToString, .class = "chkbox"})
      &lt;/td&gt;
      &lt;td class="checkcolumn"&gt;
      @Html.Label(Model(i).Soft_Title)
      &lt;/td&gt;
      &lt;td class="checkcolumn"&gt;
      @Html.TextBoxFor(Function(model) model(i).License_Key, New With {.size = "50", .id = "txtbox_" + Model(i).Soft_ID.ToString})
      &lt;/td&gt;
      &lt;/tr&gt;
   Next

这是在页面源中呈现的内容,显示textboxfor的id是“txtbox_x”,它与我在脚本中放在一起的内容相符:

<tr>
      <td class="checkboxcolumn">
      <input data-val="true" data-val-number="The field Soft_ID must be a number." data-val-required="The Soft_ID field is required." name="[0].Soft_ID" type="hidden" value="1" />
      <input data-val="true" data-val-number="The field ESR_Soft_ID must be a number." data-val-required="The ESR_Soft_ID field is required." name="[0].ESR_Soft_ID" type="hidden" value="17" />
      <input checked="checked" class="chkbox" data-val="true" data-val-required="The Soft_Checked field is required." id="1" name="[0].Soft_Checked" type="checkbox" value="true" /><input name="[0].Soft_Checked" type="hidden" value="false" />

      </td>
      <td class="checkcolumn">
      <label for="Adobe_Writer">Adobe Writer</label>
      </td>
      <td class="checkcolumn">
      <input id="txtbox_1" name="[0].License_Key" size="50" type="text" value="adobe key" />
      </td>
      </tr>

任何帮助将不胜感激!我一直在墙上撞了两天这个。我尝试过设置:eq(index),设置[input id = variable]和其他很多东西都没有成功。当单击一个复选框并正确检索复选框的id并正确构建相关文本框的名称时,它会触发脚本 - 它似乎没有找到该字段并将val设置为空文本。使用Firebug进行调试显示它命中了最后一行,然后退出了脚本。

我还应该注意,我是MVC和jQuery的新手,所以如果我没有正确地做事,我会提前道歉。

1 个答案:

答案 0 :(得分:0)

这是不正确的语法 - $(“#”+ myid).val =(varempty); 它应该是 - $(“#”+ myid).val(varempty);