如何使输入类型的“按钮”像type =“ submit”一样工作？

Question

我有3种输入类型的收音机：

<input type="radio"  name="status">Semi-Finalist
<input type="radio" id="finalist" name="status">Finalist
<input type="radio"  name="status">Reject
<input type="button" data-toggle="modal" data-target="#myModal" value="Submit">

当用户选择“ 入围”时，将出现“模态”（弹出窗口）显示并询问其他问题，但是如果选中了“ 半决赛”或“ 拒绝 ”，请在单击“提交”按钮时提交表单。 这就是为什么我不能使用type="submit"

谢谢...

更新：这是显示模态的js

//finalist Modal
$(document).ready(function(){

$(".submitButton").click(function(){

    if($('#finalist').is(':checked')) { 
        $("#myModalFinalist").modal('show');
    }

  });
 });

Answer 1

使用type="submit" 。

在编写JavaScript事件处理程序以决定是否需要显示其他问题时，请有条件地调用event.preventDefault()以停止表单提交。

 $("form [type='submit']").on('click', show_additional); function show_additional(event) { if ($("[value=finalist]:checked").length) { event.preventDefault(); alert("Also show additional fields now"); } else { alert("Just submit normally"); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <label> <input type="radio" name="status" value="semi">Semi-Finalist</label> <label> <input type="radio" name="status" value="finalist">Finalist</label> <label> <input type="radio" name="status" value="reject">Reject</label> <input type="submit" value="Submit"> </form> 

注意：由于Stackoverflow的沙箱操作，该表单实际上不会在此演示中提交。

Answer 2

这就是我使用的：感谢@Quentin，我可以弄清楚！

<input type="radio"  name="status">Semi-Finalist
<input type="radio" id="finalist" name="status">Finalist
<input type="radio"  name="status">Reject
<input type="button" data-toggle="modal" data-target="#myModal" value="Submit">


$(document).ready(function(){


$(".submitButton").click(function(event){

    if($('#finalist').is(':checked')) {
        event.preventDefault();
        $("#myModalFinalist").modal('show');
    }

  });
});