如何使用單選選項提交表單
[英]How to submit form using radio option
問題描述
我正在使用Safari瀏覽我的網站。 它在Safari，Firefox和Chrome中運行良好。 但是在資源管理器中，它無法正常工作。 單擊單選按鈕時，我想在此處提交表單並定向到另一個頁面。 我在輸入中使用了onChange="this.form.submit();但是它在資源管理器中不起作用。請為我提供一個解決方案。我也嘗試過查詢。但這也不起作用。我在下面附加了代碼。
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" language="javascript">
(function(document, window, $, undefined) {
var form = $('#form-id');
$('.radio-class').each(function(i, element) {
var radio = $(element);
radio.on('change', function() {
// selected value
var radioValue = $(this).val();
form.submit();
});
});
}(document, window, jQuery, undefined));
</script>
<body>
<form action="go.php" method="post" id="form-id">
<label for="radio-select"><input type="radio" name="radio-select" value="Mango" class="radio-class">Mango</label>
<label for="radio-select"><input type="radio" name="radio-select" value="Apple" class="radio-class">Apple</label>
<label for="radio-select"><input type="radio" name="radio-select" value="Pinaple" class="radio-class">Pinaple</label>
</form>
</body>
1 個解決方案
解決方案1
2 2015-08-05 11:04:37
嘗試這種方式：
<script>
$(document).ready(function(){
var form = $('#form-id');
$('.radio-class').each(function(i, element){
var radio = $(element);
radio.on('change', function(){
// selected value
var radioValue = $(this).val();
form.submit();
});
});
});
</script>
$（document）.ready（）中的代碼將在DOM完全加載后執行。 這樣，當添加change事件的偵聽器時， .radio-class元素將存在。
這里有更好的解釋。
這是另一個帶有簡化循環的示例：
$(document).ready(function(){
var form = $('#form-id');
$('.radio-class').on('change', function(){
form.submit();
});
});
這是$（document）.ready（）的簡寫
$(function(){
var form = $('#form-id');
$('.radio-class').on('change', function(){
form.submit();
});
});
Select 一個單選選項然后再次單擊相同的選項提交表單
[英]Select a radio option and then click the same option again to submit the form
如何使用發送值 <select><option>使用this.form.submit（）的表單
[英]How to send values with <select> <option> form using this.form.submit()
如何根據用戶選擇的選項使用JQuery提交表單
[英]How to submit a form using JQuery depending on which option a user chooses
如何選擇一個收音機然后在 vBulletin 中使用 jQuery 提交表單？
[英]How to select a radio then submit form with jQuery in vBulletin?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.