繁体   English   中英

按钮Href按下提交按钮

[英]Button Href to press submit button

我只是想知道如何使href按下按钮。我想在按以下操作时获得btn btn primary:按下提交按钮。

<BODY>
<a class="btn btn-primary" href="#Home"><span class="fui-time"></span></a>
<a class="btn btn-primary" href="#School"><span class="fui-time"></span></a>
<form>
    <input type="submit" name="options" id="Home" value="1" />Home
    <input type="submit" name="options" id="School" value="2" />School
    <input type="submit"  name="options" id="Work" value="3" />Work

</form>


</BODY>

谢谢。另外,如果您还可以提供深入的解释,那对我来说是Java的新手将是很棒的。

PS:有没有使用onClick()函数的方法吗

使用jQuery:

$('.btn.btn-primary').click(function (ev) {
    $(this.href).click();
    ev.preventDefault();
});

虽然我会说您的标记和结构很奇怪,但是您想要先提交按钮,然后再链接以使这些按钮被单击?

尝试这个

    <BODY>
        <a class="btn btn-primary" href="#Home" onClick="formSubmit()"><span class="fui-time"></span></a> <a class="btn btn-primary" href="#School" onClick="formSubmit()"><span class="fui-time"></span></a>
        <form id="myform">
          <input type="submit" name="options" id="Home" value="1" />
          Home
          <input type="submit" name="options" id="School" value="2" />
          School
          <input type="submit"  name="options" id="Work" value="3" />
          Work
        </form>
        </BODY>
        <script type="text/javascript">
        function formSubmit(){
        $("#myform").submit();
        }
        </script>

您可以在像这样的链接中执行javascript <a href="javascript:alert('javascript go')">

编辑:正如susheel指出的那样,这不是一个好主意,最好绑定或使用onClick来触发按钮单击。

最好执行以下操作:

<div onclick="document.myform.submit()"></div> (如果您要提交表单)。 无法用原始html用另一个元素替换按钮。 您将需要以一种或另一种方式使用JavaScript。

检查以下小提琴:

http://jsfiddle.net/6Q4Va/3/

$('.btn.btn-primary').on('click',function () {
    $(this.href).click();
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM