Javascript - 在按钮点击时更改变量值

时间:2011-09-11 23:40:34

标签: javascript

我有一个10个HTML按钮,我需要在点击时更改javascript变量的值。

song2 = "mp3Player/kingRight.mp3";
 function returnVar2(song2) { return this[song2]; }

Song2需要一个新的URL,具体取决于单击的按钮。

很难搞清楚这一点。

2 个答案:

答案 0 :(得分:2)

<button id="b1">Button 1</button>
<button id="b2">Button 2</button>
<script>
var b1 = document.getElementById('b1'), b2 = document.getElementById('b2');
var x = "Hello!";
function showX() {
    alert(x);
}
b1.onclick = function() {
    x = "button one";
    showX();
};
b2.onclick = function() {
    x = "button two";
    showX();
};
</script>

Demo

答案 1 :(得分:2)

HTML:

<div id="mp3buttons">
    <div title="mp3Player/kingRight.mp3">King Right</div>
    <div title="mp3Player/AnotherSong.mp3">Another Song</div>
    etc.
</div>

JavaScript的:

var mp3buttons = document.getElementById( 'mp3buttons' );

mp3buttons.onclick = function ( e ) {        
    var url = e.target.title;
    // do stuff with this URL
};

因此,您将按钮放在包装器中。对于每个按钮,您将URL放在title属性(或其他一些适当的属性)中。

在JavaScript代码中,将单击处理程序绑定到包装器。点击的按钮以e.target引用。