0

フォーム機能もできるJavascriptでボタンを作りたいです。これが私がやっている方法ですが、クリックしてもフォーム機能が機能しません。これについて私を助けてください。

外部 Javascript 

var onef    
onef="Apple"    
var twof    
twof="Orange"

これは私がHTMLページでやっていることです

<script>
    document.write("<button>")      
    document.write(onef)    
    onClick=("this.form.T4.value++;")
</script>
<script>
    document.write("<button>")
    document.write(twof)
    onClick=("this.form.T5.value++;")
</script>

スクリプトは正しく動作しますが、onClick 関数が動作しません。

4

2 に答える 2

0

あなたはこれをする必要はありません：

<script>
    document.write("<button ")      
    document.write('onClick="this.form.T4.value++;">')
    document.write(onef)    
    document.write("</button>")
</script>

元のコードで行っていることは、文字列 "<button>apple" を作成し、onClick という変数を値 "this.form.T4.value++;" で作成することです。ボタンタグ全体を含む文字列を作成する必要があると私は信じています。これは、上記のコードが行っていることです。

于 2013-03-22T15:40:11.153 に答える
0

JavaScript でボタンを作成するためのこのようなコードは、これまで見たことがありません。私はもっ​​とこのようなものを使います。

var onef ="Apple";
var twof ="Orange"; 

function createButton(context, func, text){
    var button = document.createElement("input");
    button.type = "button";
    button.value = text;
    button.onclick = func;
    context.appendChild(button);
}

createButton(document.body, function(){ this.form.T4.value++; }, onef);
createButton(document.body, function(){ this.form.T5.value++; }, twof);

ここで例を見ることができますhttp://jsfiddle.net/4yV4V/

これにより、ボタンを作成し、必要なイベントを渡すための再利用可能なコードが得られますonclick。また、他の状況に合わせてこのコードをカスタマイズすることもできます。

于 2013-03-22T15:46:11.120 に答える