Question

我有7页的移动网络和Jquery Mobile。

index.html文件

<div data-role="page" data-theme="a" id="index">
<div data-role="header" data-position="inline">
    <h1><img src="assets/images/logo_suggest_35_inv.png" alt=""></h1>
</div>
<div data-role="content" data-theme="a">
    <ul data-role="listview" data-inset="true">
        <li><a href="flight/" data-transition="slide">Book Flight</a></li>
        <li><a href="#">Hotel</a></li>
        <li><a href="#">Train</a></li>
    </ul>
</div>
<div data-role="footer" data-theme="a">
</div>

这是第二个文件。

<div data-role="page" data-theme="a" id="search">
<div data-role="header" data-position="inline">
    <h1><img src="assets/images/logo_suggest_35_inv.png" alt=""></h1>
</div>
<div data-role="content" data-theme="a">
    <form id="searchform">
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <input type="radio" name="trip" id="roundtrip" value="roundtrip" data-theme="a" checked="true" onclick="addDate()">
                <label for="roundtrip">Round Trip</label>
            </div>
            <div class="ui-block-b" id="onedate">
                <input type="radio" name="trip" id="onetrip" value="onetrip" data-theme="a" onclick="removeDate()">
                <label for="onetrip">One Way</label>
            </div>
        </div>  
    </form>
</div>
<div data-role="footer" data-theme="a">
</div>

这是第三档。

<div data-role="page" data-theme="a" id="select">
<div data-role="header" data-position="inline">
    <h1><img src="assets/images/logo_suggest_35_inv.png" alt=""></h1>
</div>
<div data-role="content" data-theme="a">
    <!-- Show radio button if checked value -->
</div>
<div data-role="footer" data-theme="a">
</div>

我想将单选按钮数据传递到搜索页面中选择页面并保存到新变量。例子

 if (document.getElementById("onetrip").checked == true) {
            var is_round_trip = 0;
        }
        else if (document.getElementById("roundtrip").checked == true) {
            var is_round_trip = 1;
        }

这是我在第一页上的javascript。

$(document).on('pagebeforeshow','#select', function(e,data){
            var is_round_trip = data.prevPage.find('#onetrip');
        });

但我总是得到未定义的＆＃39; is_round_trip＆＃39;。任何解决方案，如果我想根据第二页的单选按钮检查值获取is_round_trip的值？

Answer 1

解决

我只是将其添加到javascript中。返回TRUE或FALSE

var is_round_trip = data.prevPage.find('#roundtrip').is(':checked');

在Jquery Mobile上更改页面后获取单选按钮值

1 个答案: