Merhabalar;

One page bir html sayfam var ve 9 adet buton var.Her butona tıklandığında farklı radyo çalacak ancak yeni butona tıklanınca eski radyo kapanıp yenisi çalacak bunu yapmam için kodlarıma neler eklemem veya çıkarmam gerekiyor?

Javascript Dosyam

var keyAllowed = {};

$(document).on('keydown', function(e) {
if (keyAllowed[e.which] === false) return;
keyAllowed[e.which] = false;
if (e.which >= 65 && e.which <= 71) {
var k = String.fromCharCode(e.which).toLowerCase();
$("#" + k).addClass("active");
document.getElementById(k+'Audio').play();
document.getElementById(k+'Audio').currentTime = 0;
document.getElementById(k+'Audio').volume = 0.1;
}
}).keyup(function(e) {
if (e.which >= 65 && e.which <= 71) {
keyAllowed[e.which] = true;
var k = String.fromCharCode(e.which).toLowerCase();
$("#" + k).removeClass("active");
}
});
$(".box").bind('mousedown', function(e) {
$(this).addClass("active");
$(this).addClass("click");
var k = $(this).prop('id');
document.getElementById(k+'Audio').play();
document.getElementById(k+'Audio').currentTime = 0;
document.getElementById(k+'Audio').volume = 1;
});
$(".box").bind('mouseleave mouseup', function() {
if ($(this).hasClass("click")) {
$(this).removeClass("active");
$(this).removeClass("click");
}
});