javascript - 使用带有 onclick=playSound 命令的多个音频文件来支持跨浏览器

Question

我目前在此链接 (http://webdesign.about.com/od/sound/a/play_sound_oncl.htm) 上使用 onclick=playsound 代码，并带有一些样式的单选按钮，以允许切换几个单个音频文件。

唯一的问题是我无法弄清楚如何使用这种方法获得跨浏览器支持。

有没有办法做到这一点？

                                <div class="tabs" id="play-bar">
                                <div class="tab">
                                    <input type="radio" id="tab-1" name="tab-group-1" checked onclick="playSound('soundfile1.wav');">
                                    <label for="tab-1">1</label>
                                </div>
                                <div class="tab">
                                    <input type="radio" id="tab-2" name="tab-group-1" onclick="playSound('soundfile2.wav');">
                                    <label for="tab-2">2</label>
                                </div></div>

Answer 1

只需将 jQuery 用于跨浏览器投诉代码。

HTML

<div class="tabs" id="play-bar">
  <div class="tab">
    <input type="radio" id="tab-1" name="tab-group-1" checked>
    <label for="tab-1">1</label>
  </div>
  <div class="tab">
    <input type="radio" id="tab-2" name="tab-group-1">
    <label for="tab-2">2</label>
  </div>
</div>

jQuery

$('input[name="tab-group-1"]').click(function(){
  var num = $(this).prop('id').split('-')[1];
  playSound('soundfile'+ num +'.wav');
});