javascript - jQuery mobile，在页面之间传递无线电检查值

Question

我正在尝试在 jQuery mobile 中的两个页面之间传递值。除了收音机之外，我对任何值都没有任何问题。在下一页使用收音机时，我得到了一个未捕获的 ReferenceError。

这是我的代码的简化版本。

$(document).on('pageinit', '#page1', function(){

  $('#validate1').submit(function(){

    var inputVal = $('[name=inputVal]').val();
    var radioVal = $('#form1 input[type="radio"]:checked').val();
    // Also tried this
    // var radioVal = $('input[name=radioVal]:checked', '#validate1').val();

    console.log(radioVal); // Works

    $.mobile.changePage('#page2');
    return false;

  });

});

$(document).on('pageinit', '#page2', function(){

   console.log(inputVal.value); // Works
   console.log(radioVal.value); // Uncaught ReferenceError: radioVal is not defined 

});

我使用这种方法来传递数据。

使用 jQuery Mobile 在页面之间传递数据？

Answer 1

初始化

 var radioVal = "";

在“pageinit”之外（可能在您的 JS 文件的顶部）

在 pageinit 中简单地说

radioVal = $('#form1 input[type="radio"]:checked').val();

这样，您将 radioVal 视为全局变量并使其在任何地方可用。