jQuery POST 输入中的收音机功能

Question

按下按钮 Index.php 页面，通过将数据发送到脚本 Resultx.php 页面，该页面在同一页面上以异步调用响应 Index.php.

index.php

<script>
$(document).ready(function() { 
$("#input_form").submit(function(){
    var fett = $("#fett").val();        
    $.ajax({
        url: 'resultx.php',
        type: "POST",
        data: "fett="+fett,
        dataType: "html",
        success: function(data) {
        $("div#resultx").html(data);
        }  
        });
        
    return false;
}); 
}); 
        
</script>
<form name="testa" id="input_form" action="" method="post" class="form-shorten" onsubmit="return checkForm(this);">
 <input type="text" name="fett" class="form-control input-lg"  id="fett" required><br/> 
    <button name="invio" type="submit" class="btn" value="Send" onclick="loadDoc()"><span class="glyphicon glyphicon-fire"></span> Send</button>
        </form>

我想添加带有“无线电功能”的选项，它可以与变量 fett 以及变量 taskOption 一起发送到 Resultx.php 页面。

            <p><label class="radio-inline select">
          <input class="radio-inline select" type="radio" name="taskOption" id="taskOption1" value="taskOption1"> option1</label>
         <label class="radio-inline select">
         <input class="radio-inline select" type="radio" name="taskOption" id="taskOption2" value="taskOption2"> option2</label></p>

Resultx.php

<?php  
$fett = $_POST["fett"];   // ok 
$taskOptionOK = $_POST["taskOption"]; // This is what I need
echo "$fett ";  
echo "$taskOptionOK "; 
?>

我知道这是微不足道的，但对我来说 jQuery 是氪石。

Answer 1

要获取选中的 checkbox/radio 的值，您可以试试这个：

var taskOption = $('input[name=taskOption]:checked').val();

jQuery POST 输入中的收音机功能

Radio function in jQuery POST input

html

javascript

php

jquery

jquery-events