Question

我只是想知道如何获得按下按钮的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>

谢谢你。如果你也可以提供深入的解释，那将是很好的，因为我对javascript有点新鲜。

PS：如果不使用onClick（）函数

，有没有办法做到这一点

Answer 1

使用jQuery：

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

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

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

Answer 3

您可以在此<a href="javascript:alert('javascript go')">

这样的链接中执行javascript

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

做这样的事情会更好：

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

Answer 4

检查以下小提琴：

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

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

按钮Href按下提交按钮

4 个答案: