javascript - チェックボックスのjqueryトリガー変更イベント

Question

javascript/jqueryを使用してチェックボックスで変更イベントをトリガーすることは可能ですか?

このようなもの（ボタンをクリックするとtriggerChangeを実行します）：

<label><input type="checkbox" id="chk"/>Label for chk</label>

<script>
function triggerChange(){
    $("#chk").trigger("change");
}
</script>

上記のコードを実行すると、「トリガーは関数ではありません」というエラーが表示されます。

score 31 · Accepted Answer

このtrigger is not a functionエラーメッセージは、他の何かが原因であることを示しています。このSOの質問によると：

no.good.at.coding言います:

ただし、セレクターが jQuery オブジェクトであることを確認する必要があることに注意してください。そうしないと、「トリガーは関数ではありません」というエラーが発生する可能性があります。

jQuery を忘れている可能性がありますか?

実装に関しては、使用方法に問題がないはずです。ただしtrigger、jQuery を介して既にアタッチされている要素のイベントメソッドをトリガーするために使用する必要があります。私のデモをチェックしてください：

Fiddle:
クリックイベントあり: http://jsfiddle.net/fS4R5/1/
クリックイベントなし: http://jsfiddle.net/fS4R5/2/

HTML:

<label><input type="checkbox" id="chk"/>Label for chk</label>

JS:

function triggerChange(){
    $("#chk").trigger("change");
}

$("#chk").change(function() {
   alert("triggered!"); 
});

triggerChange();

score 6 · Accepted Answer

jQuery では、通常、関数パラメーターを指定せずにイベントハンドラーメソッドを呼び出すことで、イベントをトリガーできます。

たとえば、クリックハンドラーは次のように割り当てることができます。

$('#mything').click(function(e){dostuff});

クリックイベント自体は、次を実行するだけでトリガーできます。 $('#mything').click();

これは、jQuery の既存のすべてのイベントに対して実行できると思います。

score 2 · Accepted Answer

1.9.1以降の好ましい方法は「オン」だと思います。特に、動的に追加されたチェックボックスを使用する場合。

id='divCONtent' の div があり、その上に id='cballaut' のチェックボックスがあるとします。これを行うことができます

$('#divcontent').on('click', '#cballaut', function (e) {
                    alert(this.checked);
                });

score 0 · Accepted Answer

prop メソッドを使用します。

$('#myCheck').prop('checked', true);
$('#myCheck').prop('checked', false);

5 に答える 5