Question

您好。我需要这段代码的帮助。

我想做的是;当我点击（例如）单选按钮1时，该按钮值显示在浏览器上。我有三个单选按钮。

这是我的ajax查询：

function updatepayment(this.value)()
var ajaxResponse = new Object();
  $(document).ready(function () {
    $('.rmr').click(function () {
    var rbVal = $(this).val();
        var myContent;
        if (ajaxResponse[rbVal]) { //in cache
          myContent =  ajaxResponse[rbVal];
          $("#contentcontainer").html(myContent);
        }
        else { // not in cache
      var urlForAjaxCall = "include/function.php" + rbVal + ".html"; 
          $.post(urlForAjaxCall, function (myContent) {
             ajaxResponse[rbVal] = myContent;
             $("#contentcontainer").html(myContent);
          });
        }
      });
    });

Answer 1

您的缓存检查将始终为false，因为您始终在函数中重新声明ajaxResponse。应该全局声明ajaxResponse。
你真的不需要post函数（因为你没有发布任何数据）你可以使用.load函数。
你不需要一个函数来包装$（document）.ready function

var ajaxResponse = new Object（）;

（文档）$。就绪（函数（）{

$('.rmr').click(function (){
    var rbVal = $(this).val();
    var myContent;
    if (ajaxResponse[rbVal]) 
    { //in cache
        $("#contentcontainer").html(  ajaxResponse[rbVal] );
    }
    else 
    { // not in cache
        var urlForAjaxCall = "include/function.php" + rbVal + ".html"; 
        $("#contentcontainer").load(urlForAjaxCall, function (myContent) 
        {
            //Extra processing can be done here, like your cache
            ajaxResponse[rbVal] = myContent;
        });
    }

}）;

}）;

修改看到您对OP的评论后您正尝试按类名“rmr”选择单选按钮，但不要在标签上设置它你需要：

<input class="rmr" type="radio" name="rmr" id="payment1" value="3" onclick="updatepayment(this.value)" /> <br> <input class="rmr" type="radio" name="rmr" id="payment2" value="5.5" onclick="updatepayment(this.value)" /><br> <input class="rmr" type="radio" name="rmr" id="payment4" value="10" onclick="updatepayment(this.value)" /><br>

或者您可以使用

$("input[name=rmr]")

按输入名称属性
选择它们

如何使用ajax显示值

1 个答案: