如何知道提交功能是否正在工作與點擊功能

Question

我試圖通過使用submit（）jquery函數提交表單並嘗試提醒特定值但卻徒勞地獲取值... 這裏是我的代碼

$('.saving_account .list-radio').click(function() { 
    $('.saving_account .selected_radio').removeClass('selected_radio'); 
    $(this).toggleClass('selected_radio'); 

    $('input[type="radio"]').prop("checked", false); 
    $(this).find('input[type="radio"]').prop("checked", true); 
    //submit action 
    $('form#target').submit(function() { 
alert($(this).find('input[type="radio"]').val()); 
}); 
// alert($(this).find('input[type="radio"]').val()); 

    }); 

的jsfiddle網址 https://jsfiddle.net/y3axmsah/1/

Answer 1

的提交表單

變化

$('#bank527').submit(); 

到

$('#target').submit(); 

Answer 2

與type="submit"按鈕將提交表單，你看不到任何結果。您需要防止表單提交jQuery的方式：

$('form').on('submit', function(e) { 
    e.preventDefault(); 
    /* your code */ 
}); 

或者簡單地通過在提交事件返回true或false：

$('#target').submit(function(e) { 
 
    var thisForm = $(this); 
 
    var checkedRadio = thisForm.find('input:checked'); 
 
    if (confirm('Selected value is: ' + checkedRadio.val() +', continue?')) { 
 
     return true; 
 
    } else { 
 
     return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="saving_account live-search-list"> 
 
    <form id="target"> 
 
     <li class="list-radio"> 
 
      <input type="radio" name="bankname" value="hdfc" checked> sample text</li> 
 
     <li class="list-radio"> 
 
      <input type="radio" name="bankname" value="hdfc1"> sample text1 
 
     </li> 
 
     <li class="list-radio"> 
 
      <input type="radio" name="bankname" value="hdfc2"> sample text2 
 
     </li> 
 
     <button type="submit" class="btn btn-lg btn-block btn_green" id="bank527">CONTINUE</button> 
 
    </form> 
 
</ul>

同樣在Fiddle