如何调用HTML客户端点击MVC中的提交按钮(How to call client side cli

2019-10-19 20:31发布

你好朋友,
请帮助我,我在MVC点网新,我试图在数据库中插入标签值我有两个标签,首先为IP地址,第二个为当前运行时间和签入,检出并打算用于个人任务三个提交按钮。 在页面加载结算和个人任务按钮被隐藏,只显示2个标签和按钮来检查。
当我点击按钮签两个标签值存储在数据库SQL2008毫秒。 并自动结帐和个人任务按钮应启用和按钮检查应禁用。
当我在做控制器与jQuery或Java脚本这个任务上点击事件,然后我插入任务不工作只是jQuery的工作。

请帮我,我怎么能调用客户端点击事件的HTML提交按钮..

我的代码是:查看 - >

 <button id="btnchkin" value="CheckIn" type="submit" name="action"/>
  <input type="submit"  id="btntask" name="action"  value="PersonalTask" />
   <input type="submit" id="btnchkout" name="action"  value="CheckOut" />

在脚本标签 - >

 $("#btnchkin").click(function () {

    alert("a");
    //  $('#btnchkin').prop('disabled', true);
    $('#btntask').prop('disabled', false);
    $('#btnchkout').prop('disabled', false);
    $('#btnchkin').prop('disabled', true);

    //alert("b");
});

和控制器 - >

[HttpPost]
[ActionName("Index")]
public ActionResult Index( string lblIP1)
{

        DateTime datetime = DateTime.Now;
        string date = datetime.ToString();
        date = datetime.Date.ToString();
        lblIP1 = ipp;
        string ip = lblIP1;

        string s = DateTime.Now.ToString("hh:mm:ss tt");

        EmployeeSchedule emp = new EmployeeSchedule();
        emp.IP = ip;
        emp.CurrentDate = Convert.ToDateTime(date);
        emp.CheckInTime = s.ToString();

        BAL_EmployeeSchedule employeeBusinessLayers = new BAL_EmployeeSchedule();
        employeeBusinessLayers.AddEmployee(emp);

        ViewBag.ip = ipp;


    return View();
}

Answer 1:

这里是你的控制器方法:

public ActionResult Index()
{
    // return view to show three buttons...
    ViewBag.IsCheckedIn = false;
    return View();
}

这是你的看法:

<script type="text/javascript">
    $(document).ready(function() {
        @if (ViewBag.IsCheckedIn)
        {
            <text>
                $('#btntask').prop('disabled', false);
                $('#btnchkout').prop('disabled', false);
                $('#btnchkin').prop('disabled', true);
            </text>
        }
        else
        {
            <text>
                $('#btntask').prop('disabled', true);
                $('#btnchkout').prop('disabled', true);
                $('#btnchkin').prop('disabled', false);
            </text>
        }
    });
</script>
<button id="btnchkin" value="CheckIn" type="submit" name="action"/>
<input type="submit"  id="btntask" name="action"  value="PersonalTask" />
<input type="submit" id="btnchkout" name="action"  value="CheckOut" />

这是您的文章控制器的方法:

[HttpPost]
public ActionResult Index()
{
    ViewBag.IsCheckedIn = true;
    return View();
}

请让我知道,如果这是你想要的。



文章来源: How to call client side click on html submit button in mvc