javascript - jQuery mobile，在页面之间传递 radio 检查值

Question

我正在尝试在 jQuery mobile 中的两个页面之间传递值。除了 radio 之外，我对任何值都没有任何问题。使用下一页上的 radio 时，我收到 Uncaught 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 

});

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

Passing data between pages with jQuery Mobile?

Answer 1

初始化

 var radioVal = "";

“pageinit”之外(可能在 JS 文件的顶部)

在 pageinit 中简单地说

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

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