mvc3 viewpage中jquery单击按钮时的空文本框

我在mvc中有一个页面，其中有4个id为的文本框，我想在单击按钮时清除文本框，但我的代码似乎没有任何作用。以下是我的代码：

<td><%: Html.TextBoxFor(model => model.fdose, new { id = "pls", style = "width:100px;"            })%> </td>
<td><%: Html.TextBoxFor(model => model.fduration, new { id = "plss", style =   "width:100px;" })%></td>     
<td> <button type="submit" class="t-button" name="med" value="med" id="clearmed">+</button></td>

---

如果您使用其他工具，也许您应该尝试使用Firebug或其他浏览器调试器。

如果没有任何错误，很难判断可能出现的问题。如果你能提供一个帮助，那将是最好的。如果您确实提供了您所遇到的错误，我将更新我的答案，以便更具体地解决您的问题

我确实通过JSFIDLE（请参阅）运行了这个程序，并扩展了ASP.NET帮助程序。您的HTML中有一个错误（我相信您在看到编辑后刚刚修复了这个错误），但是没有明显的错误。我会查看您的调试器（无论是Firebug、Chrome Developer工具还是其他工具），确保jQuery被正确地包括在内，确保您的文本框按照您的期望呈现，并且所有名称都正确无误

我的最终代码：

<td><input id="pls" name="fdose" style="width:100px" type="textbox" /></td>
<td><input id="plss" name="fduration" style="width:100px" type="textbox" /><td>
<td><button type="submit" class="t-button" name="med" value="med" id="clearmed">+</button></td>​

---

由于它是一个提交按钮，请在单击时阻止提交按钮的默认行为。您可以使用方法来实现这一点。还要将代码包装到就绪事件中

$(function(){
   $("#clearmed").click(function (event) {
       event.preventDefault();
       $("#plss").val("");
       $("#pls").val("");
   });
}});

---

您是否收到任何错误或有关其不工作原因的任何信息？能否在浏览器（F12）中打开控制台，然后运行$（“#plss”）.val（“”）；看看它是否清除了文本框。。还可以玩一下控制台，看看$（“#plss”）和$（“#pls”）是否真的选择了一些东西。不，该按钮也会将文本框值添加到网格中，但同时也应该清除文本框。

$("#clearmed").on("click", function(event) {
    $("#plss").val("");
    $("#pls").val("");
});​

$(function(){
   $("#clearmed").click(function (event) {
       event.preventDefault();
       $("#plss").val("");
       $("#pls").val("");
   });
}});