改變按鈕在我的javascript

-2

我在代碼有這樣重大的失誤提交按鈕，我忘了按鈕不能被isset（）函數在PHP只能提交按鈕。改變按鈕在我的javascript

我使用Next和Prev按鈕在我的形式，這樣他們就可以next和prev選中的單選按鈕。

但我需要形式的驗證纔去到下一個單選按鈕，當我試圖轉換按鈕，提交按鈕，它的毛刺和不進入下一個單選按鈕。

幫我將這些按鈕的代碼提交，並安排我的JavaScript，一直在努力了整整一天我覺得我又忘了什麼東西......

HTML

<form action="reservation_next_sample.php" method="POST"> 
    <input type="radio" name="next[]" value="1" checked="checked"> 
    <input type="radio" name="next[]" value="2" /> 

    <div id="next1" class="desc"> 
      <div class="div-details"> 
       <h4>Event's Detail</h4> 

        <table> 
         <tr> 
          <td> 
           Street 
          </td> 
          <td> 
           <input type="text" name="event_street"> 
          </td> 
         </tr> 
         <tr> 
          <td> 
           Barangay 
          </td> 
          <td> 
           <input type="text" name="event_brgy"> 
          </td> 
         </tr> 
         <tr> 
          <td> 
           Town/City 
          </td> 
          <td> 
           <input type="text" name="event_town_city"> 
          </td> 
         </tr> 
         <tr> 
          <td> 
           Province 
          </td> 
          <td> 
           <input type="text" name="event_province"> 
          </td> 
         </tr> 

        </table> 
        <br> 
<button type="button" onclick="dayNavigation('next');" data-role="none" class="slick-prev" aria-label="Next" tabindex="0" role="button">Next</button>      
       </div> 

<div id="next2" class="desc" style="display: none;"> 
<p> inside of next 2 </p> 
<button type="button" onclick="dayNavigation('prev');" data-role="none" class="slick-next" aria-label="Previous" tabindex="0" role="button">Previous</button> 
<button type="button" onclick="dayNavigation('next');" data-role="none" class="slick-prev" aria-label="Next" tabindex="0" role="button">Next</button> 
     </div> 
    </form>

JAVASCRIPT

<script> 
$(document).ready(function() { 
$("input[name$='next[]']").click(function() { 
    var test = $(this).val(); 

    $("div.desc").hide(); 
    $("#next" + test).show(); 
    }); 
}); 

//this is in the bla bla next and previous --> 
var index = 0; 
dayNavigation = function(direction) { 
var curr = $('input[name="next[]"]:checked'); 

if (direction == 'next') { 

curr.next().attr("checked", "checked"); 
curr.next().click(); 

} else { 
    curr.prev().attr("checked", "checked"); 
    curr.prev().click(); 
} 

}; 
</script>

來源

2017-07-24 Zeunee Lo

請澄清你的問題。你試圖達到什麼目標？我看到的只是隱藏和顯示div元素的按鈕。這與PHP'isset（）'有什麼關係？你爲什麼要檢查它們？ – icecub

將'type =「button」'更改爲'type =「submit」'？目前還不清楚問題是什麼或者哪些不起作用。 – David

是的，就是這樣！我很抱歉不清楚聲明。當我試圖改變它提交按鈕時，next和prev按鈕不起作用.... –

您可以使用jQuery的例子提交您的形式給出下方。不要更改按鈕提交

$("button[type=button]").click(function(){ 
    this.closest("form").submit(); 
})

而是像$選擇按鈕（「按鈕[類型=按鈕]」）給按鈕ID，然後選擇特定按鈕$（「＃ButtonIdWillGoesHere」）的

來源

2017-07-24 01:44:10

不幸的是，當我使用它時，它會造成同樣的問題。 :( –

改變按鈕在我的javascript

回答

相關問題