使用多個音頻文件與onclick = playSound命令支持跨瀏覽器

Question

我目前在此鏈接上使用onclick = playsound代碼（http://webdesign.about.com/od/sound/a/play_sound_oncl.htm）與一些風格的單選按鈕可以讓一些音頻文件被切換。

唯一的問題是，我無法弄清楚如何使用此方法獲得跨瀏覽器支持。

有沒有辦法做到這一點？

       <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'); 
});