MVC按钮onClick
是一个与前端开发相关的概念，涉及到MVC（Model-View-Controller）架构模式和onClick事件。
MVC是一种软件设计模式，用于将应用程序的逻辑分为三个主要组件：模型（Model）、视图（View）和控制器（Controller）。模型负责处理数据逻辑，视图负责展示用户界面，控制器负责处理用户输入和调度模型与视图之间的交互。通过将应用程序的不同部分分离，MVC模式可以提高代码的可维护性和可扩展性。
onClick是一个HTML和JavaScript中的事件属性，用于定义当用户点击按钮时触发的操作。通过在按钮元素中添加onClick属性，并指定相应的JavaScript函数，可以实现在用户点击按钮时执行特定的代码逻辑。
优势：
- 分离关注点：MVC模式将应用程序的不同部分分离，使得代码更加清晰、可维护和可扩展。
- 提高开发效率：通过MVC模式，开发人员可以并行开发不同的组件，提高开发效率。
- 可测试性：MVC模式将应用程序的逻辑分离，使得单元测试和集成测试更加容易。
应用场景：
MVC按钮onClick可以应用于各种前端开发场景，例如：
- 表单提交：当用户点击提交按钮时，可以通过onClick事件触发表单验证和数据提交的逻辑。
- 页面导航：当用户点击导航按钮时，可以通过onClick事件触发页面跳转或加载不同的内容。
- 用户交互：当用户点击按钮时，可以通过onClick事件触发与用户的交互，例如显示提示信息或执行特定操作。
腾讯云相关产品：
腾讯云提供了丰富的云计算产品和服务，以下是一些与前端开发相关的产品：
- 腾讯云对象存储（COS）：提供可扩展的云存储服务，用于存储和访问前端应用程序的静态资源。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云CDN：提供全球加速服务，用于加速前端应用程序的内容分发，提高用户访问速度。产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行前端应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
请注意，以上仅为示例，实际选择产品应根据具体需求进行评估和选择。
相关·内容
我正在开发一个MVC应用程序。
在编辑视图中，我希望有保存/提交按钮和取消按钮。
默认情况下，给出“返回列表”的MVC链接调用link.this ()方法。
现在，我想在Cancel按钮的Onclick事件上调用这个index()方法，该怎么做？
<input type="submit" value="Save" onclick="return validate();" id="btnSubmit" />
<input type="Button" value ="Cancel"
浏览 0提问于2013-03-11得票数 0
我是mvc的新手，我想知道如何在mvc中对不同的按钮使用单个局部视图
<button class="tablinks" onclick="openCity(event, 'Aries')">Aries</button>
<button class="tablinks" onclick="openCity(event, 'Taurus')">Taurus</button>
浏览 4提问于2017-06-10得票数 0
3回答
我在提交时验证的字段上有mvc属性。尽管这些属性位于这些字段中，但如果单击SaveDraft按钮，我希望覆盖它们的验证。现在，我尝试使用jquery规则禁用字段验证，但mvc属性似乎覆盖了这些规则。如果我单击了不同的按钮，如何使MVC属性忽略验证？这是一个例子，我想做什么，onClick，但它不工作。
$(".btnsave").click(function () {
$('#WizForm').validate(
{
rules:
{
Title: false,
浏览 6提问于2011-06-29得票数 7
回答已采纳
我有MVC html控件的单选按钮，如：
<%= Html.RadioButton("Choice", false, new { onclick = "Accept()" })%><label for="Choice">Yes</label>
<%= Html.RadioButton("Choice", false, new { onclick = "Deny()" })%><label for="Choice">No</labe
浏览 1提问于2009-09-04得票数 4
1回答
我使用mvc 6，我想通过使用一些按钮onClick来“打开”组件视图。
我可以通过使用
<div id="DialogDiv">
@Component.Invoke("MyComponent");
</div>
但是，我想这样做，以便某些按钮onclick方法可以调用该调用方法，并将该div作为引用。这有可能吗？
浏览 4提问于2015-09-02得票数 1
我希望在我的代码后面的控制器类中有一个onclick事件，但是我如何使用mvc来实现这一点呢？我在谷歌上找不到任何东西，我只找到了提交类型的按钮，但我不想要提交类型的按钮。
这是我视图中的按钮：
<button type="button" id="game" onclick="">
</button>
浏览 0提问于2015-01-28得票数 0
当SystemJs异步加载模块时，您不能直接将事件绑定到html文件中。即使在System.import之后声明控件，此时也没有定义所有函数。
例如，以下代码不起作用：
<script type="text/javascript">
System.import('myModule'); //myModule contains a function called onClick.
</script>
@(Html.Kendo().Button()
.Name("RazorButton")
.Content(&#
浏览 1提问于2016-08-09得票数 0
回答已采纳
我的网页有一个按钮和一个表单，我使用@Html.BeginForm来生成表单，当我单击该按钮时，我会跳到登录page.To --我感到惊讶；当我单击该按钮，当我使用@using (Html.BeginForm时，表单发布到我的控制器automatically.But上，这似乎没有问题。
我的网页
<button onclick="logout()">logout</button>
@Html.BeginForm("ExportFile", "Student", new { id = "exportForm
浏览 4提问于2014-12-23得票数 1
回答已采纳
我在ASP.NET MVC 5中有这个按钮代码。
在浏览器中，我得到了以下错误：
Uncaught :意外字符串
<input type="button" value="Bid for this project"
onclick="location.href'@Url.Action("Create", "Bid", new {projectid = Model.ProjectID})'" />
在浏览器中，按钮如下所示：
<input type="b
浏览 0提问于2015-12-08得票数 0
回答已采纳
1回答
我的项目有一个Kendo网格
@(Html.Kendo().Grid<TekstenViewModel.Tekst>()
.Name("Grid")
.Columns(columns =>
{
columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' class='checkbox' />").Width(10).Titl
浏览 2提问于2014-08-08得票数 0
回答已采纳
4回答
我刚进入MVC环境，我正在使用VS 2010中创建的MVC3示例应用程序(File -> new -> Project -> MVC3 Web Application)。
这个应用程序有一个指向网页右上角的“登录”链接。单击登录页面将显示一个带有基本userID和密码文本字段的页面和一个提交按钮。
在LogOn.cshtml页面中，提交按钮html代码是：
<p>
<input type="submit" value="Log On" />
</p>
在AccountCon
浏览 4提问于2013-01-15得票数 2
3回答
以下是表格
@using (Html.BeginForm(MVC.CollectionPlanConfirmation.ActionNames.Edit, MVC.CollectionPlanConfirmation.Name, FormMethod.Post, new { @id = "collectionPlanForm" }))
{
.................
}
提交按钮在表单外部。下面是我的MVC视图上的提交按钮。
<input type="submit" value="Save" class="aSubmit&#
浏览 8提问于2013-07-02得票数 4
回答已采纳
我试图在asp.net mvc application.But中使用按钮onclick事件来执行外部功能，有些人辞职了，它不能正常工作，我不明白结果是什么。
<input type="button" id="123" onclick="alert('123')" value="Button 1" />
<input type="button" id="124" value="Button 2" />
<input type="
浏览 2提问于2016-04-18得票数 2
回答已采纳
1回答
我正在asp.net mvc应用程序中生成一个单选按钮列表，并希望在单选按钮被单击时调用一个javascript方法。
这是Razor Codeline：
@Html.RadioButton("selectedArticleMediaAsset", value, new { onClick = "loadData()"})
生成的HTML-Line如下所示：
<input name="selectedArticleMediaAsset" id="selectedArticleMediaAsset" onclick="
浏览 2提问于2011-12-16得票数 1
回答已采纳
如何在控制器中调用操作并从单选按钮onclick事件中传递参数？我是MVC的新手...
我有这段代码，它将调用javascript函数，但我想看看是否可以调用操作并传递参数，而不是调用javascript函数。
@Html.RadioButtonFor(m => m.SiteAddressModel.SiteId, item.SiteId, new { @onclick = "radiobuttontest();"})
浏览 0提问于2013-09-27得票数 1
我想要创建一个按钮，以便在“onclick”之后更新标签的文本。我发现了一些通过使用ASPX实现的解决方案，但我想使用Razor。
//The following is achieved by ASPX
//View
<asp:label id="myLabel" runat="server" />
//Onclick event
myLabel.Text = "my text";
如何在ASP.net MVC中使用实现这一点？
浏览 0提问于2017-05-11得票数 4
2回答
我现在有一组按钮，用户可以选择它们来过滤网格。问题是，在单击其中一个按钮后，用户不知道所应用的当前活动过滤器。那么谁能帮我找出如何让这组按钮充当切换按钮(规范是更改活动按钮的按钮背景颜色)？
请注意，这是在MVC中实现的，并且有一个onclick事件绑定到每个调用javascript函数的按钮。
浏览 1提问于2010-12-13得票数 2
1回答
我正在尝试为ASP.NET MVC3中触发JavaScript函数的按钮提供一个通用的解决方案。为此，我创建了一个C# ToolButton类和一个同名的局部视图，如下所示：
<%@ Control Language="C#"
Inherits="System.Web.Mvc.ViewUserControl<ToolButton>" %>
<%@ Import Namespace="Models.Shared" %>
<script src="<%= Url.C
浏览 5提问于2011-02-22得票数 1
回答已采纳
在jquery view上，如何确保类型为"submit“的输入标记不会调用MVC3控制器中的Create action，而只调用MVC3函数？
function start()
{
alert("hi");
}
<input type="submit" value="Start" onclick="start();"/>
每当我单击Start按钮时，它都会显示"hi“警告框，然后再次调用Create controller操作。如何确保它不会回发到Create controller操作？
谢谢。
浏览 2提问于2011-12-21得票数 0
回答已采纳
我有一个下拉列表和两个文本框。一旦我填充了它们，(单击一个按钮)我想将它们动态地附加到一个表行中，并添加一个单选按钮作为第三列。
下面的代码工作正常，但不确定单选按钮的onclick事件没有响应的原因。我使用的是MVC 3.0。
我注意到onclick事件仍在工作，但是单击的单选按钮没有被选中，其他单选按钮也没有被选中。
function Contact_OnAddTelephone() {
var type = $("#rdoTelephoneType").val();
var areaCode = $("#txtAreaCode").va
浏览 0提问于2011-08-09得票数 1
我有一个使用mvc剃须刀的表单，它有两个文本框和一个保存电子邮件的按钮。当我在浏览器中使用带有onclick事件的submit按钮时，通过单击它，它会检查电子邮件文本框是否为空，显示我的mvc模型中的验证错误来填充它，但当我填充textbox并单击send按钮时，它不会转到我的SaveEmailForNewsletter()函数中，只会刷新页面。
<input type="submit" id="submitBtn" value="send" onclick="javascript:SaveEmailForNewsle
浏览 1提问于2013-03-02得票数 0
我有一个在MVC视图中的数据表，这个数据表中每个记录都有编辑按钮。
单击编辑按钮时，我需要将记录的Id传递给MVC操作方法，并从MVC操作加载MVC视图来编辑表单。
这是我的JQuery数据表代码。
function PopulateQueryGrid(data) {
$('#querytable').dataTable({
destroy: true,
data: data,
columns: [
{ "data": "ty
浏览 1提问于2018-08-24得票数 0
1回答
我正在开发一个mvc项目，我有一个cshtml文件，其中包含页面的单选按钮。当我关掉其中一个的时候，另一个的位置就改变了。它向左滑动了一点(字体减少了)，我如何防止这种情况发生？
我的单选按钮：
<td>
@Html.RadioButtonFor(model => model.getA, true, new {id = "9", onclick = "", data_bind = "value:getA" }) True
@Html.RadioButtonFor(model => model.getB
浏览 6提问于2015-05-12得票数 0
我对ASP、MVC、MVC和.NET编程都是新手。
我想知道是否有一种方法可以在单选按钮被选中时设置ViewData变量--但是在提交页面之前。
也许我找错了树，但我要做的是创建一个表单，根据所选的单选按钮添加新字段。所以我想要做的是，当单击一个单选按钮时，它会设置一个ViewData变量，并且基于该ViewData变量，一个不同的局部视图会在当前字段下面加载相应的字段。
我想一定有某种方法可以设置一个函数“onclick= C# ViewData(args)”
谢谢
浏览 1提问于2009-06-11得票数 1
回答已采纳
我打算让这个函数调用返回CSV报告的MVC操作方法。
$(function() {
$('#exportButton').click(function() {
$.get('/curReport/GetCSVReport');
});
});
如果我制作了一个类似下面代码的按钮，那么当它被点击时，我会看到"Open with/Save File“窗口。
<input type="button" value="Export" onClick="location.href='
浏览 0提问于2010-03-30得票数 3
回答已采纳
我在mvc的aspx视图上有asp按钮。当我点击按钮时，它没有任何响应
<script runat="server">
private void GetReport(string mode = "")
{
..................
}
protected void btnShowReport_Click(object sender, EventArgs e)
{
//This Event Not Firing.
GetReport("print
浏览 3提问于2015-10-08得票数 0
2回答
我开始尝试MVC3，但我仍然坚持应用输入按钮的风格。
是否可以在视图中应用Css？我给出的代码位于视图中。
<input id="newSubItem" type="button" onclick="location.href='javascript:void(0);'" value='New Subitem' /><br/>
浏览 0提问于2012-02-06得票数 0
回答已采纳
我的问题是，在表行上放置主键时的最佳实践是什么&使用Jquery查找ID。
因此，使用MVC，您可以使用编辑和删除按钮创建数据表，该按钮将在单击时打开模型弹出。
你是否应该：
( a)在每个按钮的数据属性中放置主键
b)在每一行上都有隐藏字段
( c)在每个按钮上使用Onclick &将ID传递给函数
( d)在tr标签上有ID
浏览 0提问于2014-10-31得票数 4
回答已采纳
我知道有很多类似于此的问题，但我在MVC中没有得到确切的解决方案，所以我再问一次。
我是MVC的新手，我正在使用jQuery AJAX调用控制器方法来插入数据。
AJAX函数
function btnLoginUser(btnClicked) {
var $form = $(btnClicked).parents('form');
$.ajax({
type: "POST",
url: "/Accueil/Login",
data: $form.se
浏览 0提问于2016-01-20得票数 1
回答已采纳
我在MVC Razor Page中创建了一个循环，用于创建基于类别的按钮数，但还没有弄清楚如何获得值，即计数号和所选按钮的标签。如何获得按钮的值和所选按钮的标签？
[Code]
//MVC Razor View Page:
//Loop to Get Dictionary List Buttons with Distinct Section Values.
for (int i = 0; i < Model.Section.Count; i++)
{
浏览 1提问于2022-10-25得票数 0
我使用ASP.NET MVC和Kendo来实现MVC。我有一个编辑按钮，应该显示当前记录在肯多窗口。这是我的按钮：
@(Html.Kendo().Button()
.Name("editButton")
.HtmlAttributes(new { type = "button" })
.Content("Edit Record")
.Events(ev => ev.Click("onClick"))
)
以下是JavaScript代码：
$("#editButton&#
浏览 7提问于2015-01-28得票数 0
回答已采纳
2回答
我在我的Telerik mvc网格上使用了自定义工具栏按钮。
例如：
.ToolBar(toolBar =>
{
toolBar.Custom().Url("#").ButtonType(GridButtonType.Text).Text("send to web service").HtmlAttributes(new {@onclick = "SendReportConfirmationDialog()"});
})
但是这个控件没有.hidden( true )或.enabled( false )属性，所以我尝试
浏览 0提问于2012-09-12得票数 2
回答已采纳
<div class="t-window-content t-content" style="overflow: auto; width: 400px; height: 389.4px;">
<div id="frmSchTarget">
<form action="/Search/SearchTypePreName"
method="post" onclick="Sys.Mvc.AsyncForm.handleClick(thi
浏览 1提问于2017-09-12得票数 1
回答已采纳
2回答
我是MVC的新手，我正在尝试传递用户输入的参数和模型。
我想要将它们传递给按钮单击时的操作。
这是我的Action代码。
[HttpPost]
public ActionResult SaveData(string param, MyObjectModel model)
{ ... }
在我的视图中：
function PassParam()
{ ... }
和我的按钮：
<input type="submit" value="Generate" onclick="PassParam();" />
将字符串和模型传递给
浏览 2提问于2014-07-22得票数 1
11回答
我有一个带按钮的视图。当用户单击按钮时，我希望他们重定向到数据输入视图。我该如何做到这一点？我要提到的是，视图是创建、测试和运行的。我可以通过输入url来找到它们。
我寻找了解释如何连接按钮的onclick事件的步骤，但我是MVC的新手，在这一点上有点迷茫。
谢谢!
浏览 4提问于2010-07-03得票数 66
回答已采纳
我正在创建一个aspx/mvc混合应用程序，并希望从后面的aspx代码路由到mvc控制器。我错过了一些东西..。为了简单起见:我的aspx页面中有一个按钮： <asp:Button ID="Attendees" runat="server" OnClick="Attendees_Click"/> 到我后面的代码： protected void Attendees_Click(object sender, EventArgs e)
{
//How can this be redirected this to my Atten
浏览 15提问于2019-02-27得票数 0
我是Spring MVC、ajax和JSON的新手，所以请帮助我做以下简单的事情:在JSP中，我有一个输入文本字段和输入按钮，它必须发送文本。我需要将这个textbox's数据保存在JSON对象中，并通过jQuery和Ajax发送到Controller。
输入类
package com.springapp.mvc,model;
public class Input {
private String input_field;
public Input(String input_field) {
this.input_field = i
浏览 1提问于2016-03-06得票数 0
6回答
我在我的MVC视图上有一个按钮，它应该通过调用一个接受对象作为参数的操作在'div‘中添加一个局部视图
我尝试了一些像这样的东西：
$('#buttonId').onclick(function(){
$('#divid').load(@Html.Action("ActionName","ControllerName",new{parameterName = objectToPass}))
});
但它在页面加载时加载actionresult/部分视图本身，而不是单击按钮
有什么想法吗？
浏览 2提问于2012-03-20得票数 20
1回答
我正在尝试使用setState更改单击按钮时的颜色。但是当按钮被点击时，它不会改变状态。我已经附上了我的App.js和Index.html文件。
当我在Visual studio代码上尝试它时，它可以工作。但它不能在带有asp.net mvc的visual studio 2019中工作。我想用带有reactjs集成项目的Asp.net mvc来试一下。
class Business extends React.Component {
constructor(props) {
super(props);
this.state = {color:
浏览 2提问于2019-11-27得票数 0
我正在把一个WebForms ASP.NET项目移植到MVC上，我不确定用MVC的方式去做一些事情。
在WebForms项目中，有一个带有注销按钮的母版页，它出现在每个页面的右上角。
<div class="userTableElementLogout">
<asp:Button ID="LogOffButton" runat="server" OnClick="LogOffButton_Clicked" Text="LOG OFF" CausesValidation="false
浏览 2提问于2017-01-20得票数 1
2回答
我有内景
<a onclick="myAction(@item.Id)" id="myActionId">@actionText</a>
或
<a id="myActionId" onclick="myAction(21)">Activate</a>
将id发送给mvc控制器进行进一步处理的函数。作为控制器的响应，我正在获取字符串数据，这些数据应该用于在不重新加载页面的情况下更改按钮文本。
<script type="text/javascript">
浏览 1提问于2015-04-03得票数 1
1回答
我正在开发MVC 4.0
我正在创建一个登录页面，我已经使用一个加载GIF显示后，点击登录按钮和加载之前的实际页面。
我的问题是，甚至登录字段是空的，我点击登录按钮，动画开始显示。
只有在成功登录时才能看到加载动画。
按钮：
<input type="submit" name="mySubmit" value="Login" class="btn" onclick="load()"/>
Javascript=
<script type= "text/javascript">f
浏览 5提问于2015-03-19得票数 0
回答已采纳
1回答
我正在创建一个基于Spring mvc framework.This应用程序的web应用程序，该应用程序包含四个单选按钮buttons.My要求是将单选按钮的选择传递给控制器，该部分为done.Now，一旦将选择传递给控制器，则当我返回jsp的名称为index.jsp时，我不知道如何在JSP.Because上保留对单选按钮的选择，然后页面将重新加载，并且在单选按钮中没有选择的初始值
<form id="envselection" action="${pageContext.request.contextPath}/env" method="post
浏览 0提问于2014-01-10得票数 4
回答已采纳
我正在做MVC项目，当我试图打开一个引导模式时，我遇到了一个错误。
我收到的错误消息是：
未明的SyntaxError:缺少)后参数列表
这是带有OnClick调用的按钮：
<button id="btnVenueDelete" onclick="DeleteModal(@item.VenueName, @item.VenueID);" class="btn btn-sm btn-info">Delete</button>
这是JavaScript函数：
function DeleteModal(name, id)
浏览 1提问于2017-01-25得票数 2
回答已采纳
1回答
在我的MVC视图中有一个按钮。
<input type="submit" value="Go" title="Go" onclick="JumpToUpdateDate()" />
当用户点击按钮时，此方法中的$.post将执行一个控制器操作
function JumpToUpdateDate() {
var enteredDate = $('#updatedDate').val();
$.post('@Url.Action(MVC.Customers.ActionNames.L
浏览 0提问于2013-06-18得票数 0
回答已采纳
我有一个MVC3 C# .Net web应用。我在onclick事件上触发了submit按钮的javaScript方法。它在Firefox中工作得很好，我看到了确认框，但在IE 8中不能。在IE中，它总是返回true，而不显示confrim框。下面是javascript：
<script type="text/javascript">
function DoCopy() {
return confirm(($("#myField").val().contains(";" + $("#myOtherFiel
浏览 0提问于2013-03-28得票数 1
1回答
我是MVC的新手。我正在处理一个视图，其中添加了两个单选按钮。
<label for="lDIV1">
<input id="lDIV1" type="radio" name='rbtab' value='DIV1' onclick="javascript:custom()" />Create
Email:</label>
<label for="lDIV2">
<input id="lDIV2&#
浏览 7提问于2012-01-24得票数 0
回答已采纳
1回答
我在这里使用的是Web而不是MVC，我很难找到一种将OnClick绑定到新生成的按钮的方法。我将自己编码到一个角落，我的页面的内容从后面的代码中添加，后面是字符串中的hml
articleHTML += "<asp:Button ID='button' type='button' OnClick='Pull_Click' class='btn btn-default btn- lg'>Pull</asp:button>";
protected void Pull_Click(object
浏览 2提问于2016-12-14得票数 0
回答已采纳
我在VS2008中有一个MVC1.0Web应用程序；我刚刚将项目升级到VS2010，它自动将MVC升级到2.0。
我有一堆视图页面都有手动添加的代码隐藏文件。该项目在升级之前运行良好，但现在onclick甚至不会被触发。
也就是说，我有一个带有onclick事件的asp:button，它指向代码后台中的一个方法。当您单击按钮时，onclick事件不会被触发。实际上，当您查看页面变量时，IsPostBack为false。
这真的很奇怪，我想知道是否有人知道发生了什么以及如何修复它。我认为这与MVC2.0的变化有关，但我不确定。
任何帮助都是非常感谢的，我已经尝试了一段时间了。
(删除代码并将其移
浏览 2提问于2010-05-05得票数 1
2回答
我试图在Javascript中创建一个控制器，它将响应按钮单击并相应地更改视图。
我有一个像这样工作的函数：
document.getElementById("reset").onclick = function () {
//do something
};
但是，当我试图将函数放入控制器对象时，我会得到一个“意外令牌”错误：
var controller = {
this.reset = document.getElementById("reset").onclick = function () {
//do something
浏览 1提问于2015-07-14得票数 0
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
