按钮 Href 按下提交按钮答案

【问题标题】：Button Href to press submit button按钮 Href 按下提交按钮
【发布时间】：2014-02-03 18:41:58
【问题描述】：

我只是想知道如何获得一个 href 来按下一个按钮。我想在按下按钮时获得 btn btn 主要：按下提交按钮。

<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>

谢谢你。另外，如果你也能提供一个深入的解释，那会很棒，因为我对 javascript 有点陌生。

PS：有什么办法可以不使用onClick()函数来实现

【问题讨论】：

你想在点击标签的时候提交表单吗？
问题不清楚。请清楚更新。

标签： javascript jquery html button href

【解决方案1】：

使用 jQuery：

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

虽然我会说你的标记和结构很奇怪，但你希望有提交按钮，然后是导致这些按钮被点击的链接？？

【讨论】：

【解决方案2】：

试试这个

    <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>

【讨论】：

【解决方案3】：

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

编辑：正如 susheel 指出的那样，这不是一个好主意，最好只绑定或使用 onClick 触发按钮点击。

最好做这样的事情：

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

【讨论】：

我同意，只是他问如何在不使用onclick的情况下做到这一点，这就是你的做法。

【解决方案4】：

检查下面的小提琴：

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

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

【讨论】：