时间戳

首页 > 解决方案 > 如何使整个跨度可点击？

javascript - 如何使整个跨度可点击？

问题描述

如何使整个范围可点击，而不仅仅是输入区域。因为输入是提交类型我该怎么做？

<span id="finishspan" class="btn btn-finish btn-fill btn-warning btn-wd">
<input type='submit' id="finish" name='finish' value='Finish'/>
</span>

这是jQuery代码

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

    $('#finishspan').prepend('<i class="fa fa-spinner fa-spin"></i>');
    $("#finish").val("Store creating...");

 });

标签： javascriptphpjqueryhtml

解决方案

用form标签包装你的 HTML。然后将选择器更改id为span. 最后在点击处理函数中手动提交表单：

$("#finishspan").click(function(){
    $('#finishspan').prepend('<i class="fa fa-spinner fa-spin"></i>');
    $("#finish").val("Store creating...");
    $("#myform").submit();
 });
#finishspan {
  display: block;
  width: 100%;
  background-color: #C0C0C0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myform">
  <span id="finishspan" class="btn btn-finish btn-fill btn-warning btn-wd">
    <input type='submit' id="finish" name='finish' value='Finish'/>
  </span>
</form>

推荐阅读