[英]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。
检查以下小提琴:
$('.btn.btn-primary').on('click',function () {
$(this.href).click();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.