画像をクリックして変数に値を代入

締切済

質問者：arigecchu
質問日時：2009/10/01 05:55
回答数：2件

JavaScriptで、
ある画像をクリックして変数に１０という値を代入したいと思っています。
ご存知の方いらっしましたらよろしくお願いします。

（「button」などで行う方法はわかります。）

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： babu_baboo
回答日時：2009/10/01 10:14

じぶんなら。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title></title>

<style type="text/css">
</style>

<body>
<form action="#">
<p>
<img src="./img/0.gif" alt="*" id="a">
<img src="./img/1.gif" alt="*" id="b">
</p>
<p>
　<input type="text" id="va">
　<input type="text" id="vb">
</p>
</form>

<script type="text/javascript">
//@cc_on
document./*@if( @_jscript ) attachEvent( 'on' + @else@*/ addEventListener( /*@end@*/
　'click', (function( set ) {
　　return function ( evt ) {
　　　var e　= evt./*@if( @_jscript ) srcElement @else@*/ target /*@end@*/;
　　　if( 'IMG' !== e.nodeName ) return;
　　　e.id == 'a' && set( 'va', 10);
　　　e.id == 'b' && set( 'vb', 20);
　　};
　})(
　　function ( id, val ) {
　　　var e = document.getElementById( id );
　　　if( 'INPUT' === e.nodeName ) e.value = val;
　　}
　), false);

</script>
//<a href="javascript:～は、もう・・・・よね。