javascript - javascript で設定した場合、radiobutton onchange が起動しない

Question

私が欲しいのは、javascript を介してチェック状態を設定したときに、ラジオ ボタンが onchange イベントを発生させることです。

http://jsfiddle.net/4gtCn/

<script>
function check()
{
document.getElementById("red").checked=true
}
function uncheck()
{
document.getElementById("red").checked=false
}
function selectionChanged(){
alert("checked");
}
</script>

What color do you prefer?<br>
<input type="radio" name="colors" id="red" onchange="selectionChanged()">Red<br>
<input type="radio" name="colors" id="blue" onclick="selectionChanged()">Blue<br>
<input type="radio" name="colors" id="green">Green


<button type="button" onclick="check()">Check "Red"</button>
<button type="button" onclick="uncheck()">Uncheck "Red"</button>

みんな助けてくれてありがとう。これは、より大きな問題のスニペットです。サードパーティのレポート ツール (LogiXml) を使用しています。残りの JavaScript はツールによって生成されるため、イベントを変更するしかありません。そのため、提供されたオプションのいくつかは役に立ちません。したがって、上記の例では、ボタンをクリックした瞬間に、ラジオ ボタンの対応するイベントが発生するはずです。

Answer 1

これはあなたがやりたいことですか？

<script>
function check()
{
    document.getElementById("red").checked=true;
    selectionChanged();
}
function uncheck()
{
    document.getElementById("red").checked=false
    selectionChanged();
}
   function selectionChanged(){
   alert("checked");
}
</script>

そのため、「selectionChanged()」関数をクリックするか、ボタンを押すことで入力できます。

Answer 2

ユーザーがcheck()関数を呼び出すときにonChangeイベントを介してselectionChanged関数を実行したい場合は、check()関数でselectionChanged関数を直接呼び出して実行することができます。

以下のコードを確認してください。check() 関数に selectionChanged() を追加しました。

<script>
function check()
{
document.getElementById("red").checked=true
selectionChanged();
}
function uncheck()
{
document.getElementById("red").checked=false
}
function selectionChanged(){
alert("checked");
}
</script>

What color do you prefer?<br>
<input type="radio" name="colors" id="red" onchange="selectionChanged()">Red<br>
<input type="radio" name="colors" id="blue" onclick="selectionChanged()">Blue<br>
<input type="radio" name="colors" id="green">Green


<button type="button" onclick="check()">Check "Red"</button>
<button type="button" onclick="uncheck()">Uncheck "Red"</button>

Answer 3

この方法で onClick メソッドを呼び出すこともできます。

document.getElementById("radioButton").click()

Answer 4

大丈夫そうです。firebug でデバッグを試み、firebug のコンソールで構文エラーがないか確認してください。