Question

在我的代码中有两个单选按钮，如

<input type="radio" required="required" id="bt" name="bt" value="1" checked="checked" onclick="window.location='<?php echo $_SERVER['REQUEST_URI']; ?>';" /> <span>Test1</span>

<input type="radio" required="required" id="bt" name="bt" onclick="Clear()" value="2" /> <span>Test2</span>

当我点击Test2单选按钮时，具有值的表单将会清除，因为我编写的代码工作正常

<script>
function Clear() {
    document.getElementsByName("one")[0].value = "";
    document.getElementsByName("two")[0].value = "";
    document.getElementsByName("three")[0].value = "";
}     
</script>

使用此表单并清除值。但是当我点击＆＃34; Test1＆＃34;单选按钮表格值将自动出现。现在使用

进行iam会话

onclick="window.location='<?php echo $_SERVER['REQUEST_URI']; ?>';"

为此它即将到来，但页面是如何将此代码带到ajax的刷新，我的意思是当我点击单选按钮而不刷新页面时需要获取值

Answer 1

是的，你可以在ajax中使用window.location.href：

$.ajax({
        type: 'POST',
        async: false,
        url: '/users',
        contentType: 'application/json',
        dataType: 'json',
        data: JSON.stringify(payload),
        success: function(data, textStatus, jqXHR){
            console.log(jqXHR.status);
            window.location.href= "/someUrl.html";
        }
    });

请注意：如果URL中有锚（＃），window.location.href将不会重新加载页面

Answer 2

在这里，我编写了获取单选按钮值而无需刷新页面的代码：

html代码：

<input type="radio"  name="bt"  id="bt" onclick = "MyAlert()" value="blue"/>Blue  <br/>
<input type="radio"  name="bt" id="bt" onclick = "MyAlert()" value="red"/>Red

ajax脚本：

function MyAlert()  {  
    var radio =$('input[type="radio"]:checked').val();
    var pass_data = {
            'radio' : radio,
        };
        $.ajax({
            url : "radio-value.php",
            type : "POST",
            data: pass_data,
            success : function(data) {
                // alert radio value here
                alert(data);
            }
        });
        return false;
    }

radio-value.php文件：

<?php echo $bt =$_POST['radio']; ?>

希望这有帮助。

onjlick函数使用ajax

2 个答案: