0

ここでいくつかの質問を読みましたが、jQuery でチェックボックスを処理する最善の方法についてまだ少し混乱しています。

次の HTML の場合:

<div><input type="checkbox" id="checkBox"/>Checkbox</div>

ユーザーがチェックボックスをクリックしたときに JavaScript 関数を実行したいのですが、ユーザーがチェックボックスをオフにしたときは実行したくありません。

jQuery を使用してコードを試してみましたが.is(':checked')、応答が得られないようです$("#checkBox").change(function() {})。and if...else ステートメントを使用して前後に移動しようとすると、あらゆる種類の不安定なことが起こりました。

始め方について何かアドバイスはありますか？非常に初心者ですので、どうぞよろしくお願いいたします。

4

3 に答える 3

2 
$("#checkBox").change(function() {
    if( this.checked ){
        // yesh here
    }
})

コメントの後にネイティブ JS を追加しました。少し拡張するには、可能であれば、ネイティブ JS を使用します。ほとんどすべての通常の状況で、より高速でリソースの消費が少なくなります。同じ理由で使用しません$(this).attr('id')が、this.id

あなたが方法を好むなら、それは準備ができている文書に置かれなければなりません.on()：

$("#checkBox").on('change', function() {
    if( this.checked ){
        // yesh here
    }
})
于 2013-07-15T19:42:31.173 に答える
1

これを試して：

$('#checkbox-id').change(function() { // change #checkbox-id with our checkbox id
    var el = $(this);
    if (el.prop('checked')) {
       // add your code here
    }
});
于 2013-07-15T19:42:16.993 に答える
0

次の方法で実行できます。

$('#checkbox').on('change', function() {
    if (this.checked) {
        // Do your stuff
    }
});
于 2013-07-15T19:42:04.983 に答える