2016-08-27 39 views
0

是否可以使用javascript在我的确认框上触发按钮类型"submit"?我想触发我的"OK"选项上的提交按钮。我想删除我的HTML表单中的<button type = "submit" class = "btn btn-primary">Okay!</button>。我只是想在"OK"选项下触发它,这是可能的吗?如何使用javascript确认框设置提交按钮?

的Javascript

<script> 

    function showApprove() 
    { 
     value = confirm("Approve this document?"); 
     if (value == true) 
     { 
      // I WANTED TO TRIGGER HERE :) 
     } 
     else 
     { 

     } 
    } 

    function showReject() 
    { 
     value = confirm("Reject this document?"); 
     if (value == true) 
     { 

     } 
     else 
     { 

     } 
    } 

</script> 

查看

<input type="hidden" name = "id" value = "{{$list->id}}"> 

<div class = "radio"> 
    <label><input type = "radio" onclick = "showApprove()" name = "status" id = "approve" value="1"> Approve</label> 
</div> 


<div class = "radio"> 
    <label><input type = "radio" onclick = "showReject()" name = "status" id = "reject" value="0"> Reject</label> 
</div> 

<button type = "submit" class = "btn btn-primary">Okay!</button> 

<input type = "hidden" name = "_token" value = "{{ Session::token() }}"> 

所以我的视图看起来像有在我的HTML是没有按钮了。我只是想在我的确认框中触发这个。

+0

这是什么问题...你的代码看起来不错,我认为它会工作..请解释你想要的问题输出 – rahul

回答

0

调用表单元素上的submit()方法触发提交事件

document.querySelector(".form-line").submit(); 
+0

@Francisunoxx,然后删除'

+0

'我应该在哪里触发提交? – Francisunoxx

+0

@Francisunoxx @Francisunoxx,你需要什么,因为你说你想让它触发_“OK”_在你的if语句中执行if(value == true){} –

0

调用提交功能,添加ID到表单中的id =“myForm的”

document.getElementById("myForm").submit(); 
0

您需要从JavaScript提交您的形式:

function showApprove() 
{ 
    value = confirm("Approve this document?"); 
    if (value == true) 
    { 
     document.getElementById("formId").submit();//please set id attribute to your form. 
    } 
    else 
    { 

    } 
} 

你可以按照这个link

0

.submit()的答案是正确的,他们会提交表单,但如果你需要点击按钮而不提交表单由于某种原因使用JavaScript(如,你需要按钮的值或某物)使用下面的代码

HTML

<button type="submit" class="btn btn-primary" id="okbutton" >Okay!</button> 

JAVASCRIPT

function showApprove() 
{ 
    value = confirm("Approve this document?"); 
    if (value == true) 
    { 
     document.getElementById("okbutton").click(); 
    } 
    else 
    { 

    } 
} 
+0

我的答案是否工作或没有? –

+0

我想在我的表格中删除我的'

0

变化:

<button type = "submit" class = "btn btn-primary">Okay!</button> 

要:

<button type = "button" class = "btn btn-primary">Okay!</button> 

然后:

<script> 
     function showApprove() 
     { 
      if(confirm("Approve this document?")) 
      { 
       document.getElementById("myForm").submit(); 
      } 
      else 
      { 
       return false; 
      } 
     } 

    </script> 
相关问题