AJAX-获取单选按钮的值并将其发送到PHP - AJAX - Getting value of radio button and sending it to PHP

AJAX - Getting value of radio button and sending it to PHP

本文关键字：PHP 获取单选按钮 AJAX- | 更新日期: 2023-12-18

我遇到这个问题已经有一段时间了，我想我被卡住了。我一直在读关于如何使用AJAX将数据发送到PHP文件的文章。

问题是，我真的不知道如何在HTML页面中获取单选按钮的值，然后通过AJAX将该值发送到PHP文件，PHP文件将处理该值。

例如：

如果我有两个单选按钮

<input type="radio" name="radio" value="yes">
<input type="radio" name="radio" value="no">

我想获取这些单选按钮的值，并使用AJAX将其发送到我的PHP文件中

接下来我将能够在PHP中处理这些值。我该如何让AJAX将所选单选按钮的值发送到PHP

谢谢，提前！

编辑：

完整代码：

HTML文件

<script type="text/javascript">
    function updatePremium() {
        var input1= $("#premium-yes").val();
        var input2= $("#premium-no").val();
        $.post( "upd_premium.php", { input1: input1, input2: input2 } );
    }
</script>
<div class="usersRow2">
    <form action="" method="POST"><label>Premium:</label> <p class="text-info-premium"><?php echo ucwords($premium_check) ?><i class="icon-star"></i></p> <div class="controls-premium"><a href='#' id="edit-premium" class="btn"><i class="fa fa-pencil"></i> Edit</a></div></form>
</div>
<script>
$('#edit-premium').click(function() {
 var text = $('.text-info-premium').text();
 var input = $('<input type="radio" name="premium" id="premium-yes" value="yes">Yes <input type="radio" name="premium" id="premium-no" value="no">No <div id="premium"></div>')
 $('.text-info-premium').text('').append(input);
 $('#edit-premium').remove();
 $('<a href="#" id="update-premium" onClick="updatePremium()" class="btn">Update</a>').insertAfter('#premium');
 $('<i class="fa fa-times" title="Cancel Edit"></i> <br /><br /><br />').insertAfter('#update-premium');
 $('.fa-times').click(function() {
    location.reload();
 });
});
</script>

PHP文件

if($_POST['input1'] == 'yes') {
    print_r($_POST);
}

使用jQuery。从文档中，一篇文章很容易：

$.post( "test.php", { name: "John", time: "2pm" } );

现在，您需要获得输入的值，并将它们传递给post:

<input type="radio" name="radio" value="yes" id="input1">
<input type="radio" name="radio" value="no" id="input2">
<script>
    var input1= $( "#input1" ).val();
    var input2= $( "#input2" ).val();
    $.post( "yourphpfile.php", { input1: input1, input2: input2 } );
</script>