Jquery mobile 使用切换按钮以变量为目标

我的HTML5项目进展得更进一步了——我还有最后一个绊脚石，那就是：我设置了一个变量，有三个按钮给它一个不同的值——每个值都应该与不同的mp3文件相关，我希望我的大“播放”按钮播放选择的mp3（变量）。然后，我希望再次单击按钮时关闭或停止播放

我有点力不从心，所以任何帮助/建议都将不胜感激。我已经阅读了Jquery和html5的音频笔记，但没有找到任何太有用的东西（反正我能理解！）

谢谢你的帮助

Jim

现场演示：

JS

HTML

选择一首歌曲：
MP3 1
MP3 2
MP3 3
MP3 4

Hi Phill-非常感谢您花时间回答这个问题-这绝对是正确的。我现在可以看到你是如何做到这一点的，并为下次学习：）非常感谢-JimSlight snagette-我无法让它播放mp3-只是不断返回“undefined”或“8000.mp3”（第一个音频文件选择）其他选项也返回相同的8000.mp3-我已经检查过，文件肯定在正确的位置。。有什么线索吗？感谢JimI注意到在JSFIDLE上查看该输出帧的源代码时添加了$（window.load）（function（））{-如果我添加了这个，它会使暂停/播放功能正常工作，但仍然会在mp3上返回“undefined”？嗨-仍然无法使其正常工作：测试页面位于：感谢您发布演示的链接，我发现了问题。您使用的是jQM Alpha 1.0a3版。请将jQM库更新为当前版本：另外，投票也很好

var selectedMP3;

$('input[name=mp3_option]').change(function() {
    selectedMP3 = $('input[name=mp3_option]:checked').val(); 
});

$('#controlButton').click(function() {
    var $this = $(this);

    if($this.text() == 'Play') {
        $this.children().children().text('Pause');
    } else {
        $this.children().children().text('Play');
        alert('Stopped playing song: '+selectedMP3);
        $('input[name=mp3_option]').attr('checked',false).checkboxradio('refresh');
    }
});

<div data-role="page" id="home">
    <div data-role="content">
        <div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend>Choose a song:</legend>
             <input type="radio" name="mp3_option" id="radio-choice-1" value="song-1.mp3" />
             <label for="radio-choice-1">MP3 1</label>

             <input type="radio" name="mp3_option" id="radio-choice-2" value="song-2.mp3"  />
             <label for="radio-choice-2">MP3 2</label>

             <input type="radio" name="mp3_option" id="radio-choice-3" value="song-3.mp3"  />
             <label for="radio-choice-3">MP3 3</label>

             <input type="radio" name="mp3_option" id="radio-choice-4" value="song-4.mp3"  />
             <label for="radio-choice-4">MP3 4</label>
    </fieldset>
</div>


        <a href="#" data-role="button" data-inline="true" id="controlButton">Play</a>
    </div>
</div>