javascriptのonclickに関数を追加？

質問

現在、javascriptでinput要素に新しくonclick='hoge()'などの関数を追加したいのですができません。
色々調べたのですが、結局わからなかったので質問させていただきます。

何卒、ご教授宜しくお願いします。

■やろうとしていること

下記ソースのボタンをどれかクリックしたら、
新しく、<input type="button" value="次へ" onclick="next()" />というのを<span>に
生成したいのですが、onclickが追加されずに困っております。
どのようにしたらよいのでしょうか？ちなみにtypeとvalueは生成されています。

<form name="test">
<input type="button" value="" id="answer_0" onclick="test(0)" />
<input type="button" value="" id="answer_1" onclick="test(1)" />
<input type="button" value="" id="answer_2" onclick="test(2)" />
</form>
<span id="test2"></span>

<script>
function test(n) {
・・・ 中略
var nq = document.createElement('input');
nq.type = "button";
nq.value = '次へ';
nq.onclick = "nexｔ()";
document.getElementById('test2').appendChild(nq);
}
</script>

以上、宜しくお願い申し上げます。

回答No.1

LancerVII · ベストアンサー

こんにちは。

function next() {
alert('call next()');
}

function add ( n ) {
var nq = document.createElement('input');
nq.type = "button";
nq.value = '次へ';
nq.onclick = next;
document.getElementById('test2').appendChild(nq);
}

これで追加されませんか？

または
nq.onclick = function() {
alert ( 'b' );
};

にするとか。

お礼

早速のご回答ありがとうございます。
無事、next()の処理ができました。

nq.onclickのnext()の()がいらなかったのですね。

ちなみにですが、こんな書き方ってありでしょうか
？たった今試してみたのですが、一応動きました。

nq.addEventListener('click', next, false);

addEventListenerの活用がよくわかっていないので、不安ですが。。。

回答No.2

LancerVII

こんにちは。

()もそうですが、ダブルクォーテションで囲っているのがダメです。

nq.addEventListener('click', next, false);
でも大丈夫ですが、IEでは動かなくなりますのでご注意ください。

参考ページ
http://www.gesource.jp/programming/javascript/20050914.html

お礼

なるほどですね。
ご指摘、参考ページのご紹介誠にありがとうざいます。
回答NO.1をベストアンサーとさせていただきます。