私がしようとしているどのようなチェックボックスの状態

Question

に基づいてさまざまなアクションを実行します。非常に簡単ですが、私はそれが働いて得ることができない何らかの理由：

私は、チェックボックスの状態に基づいて異なるアクションを実行する方法が必要です。それがチェックされている場合は、何かをしてください。そうでない場合は、別の操作を行います。

$('#checkbox1').on('change', function() { 
    if ($('#checkbox1:checked')) { 
     console.log('do something') 
    } else { 
     console.log('do something else') 
    } 
}); 

Codepen：http://codepen.io/anon/pen/EZROGa?editors=1010

私が何をしないのですか？私は唯一の状態を "確認" していることができますいくつかの理由

Answer 1

などの使用はこれを試してみてください：ここで

$('#checkbox1').on('change', function() { 
    if($(this).is(':checked')) // here $(this) refers to $('#checkbox1') 
    { 
    // do some thing 
    } 
    else 
    { 
    // do some thing 
    } 
}); 

Answer 2

$('#checkbox1').on('change', function() { 
 
    if ($('#checkbox1').is(":checked")) { 
 
    console.log('do something') 
 
    } else { 
 
    console.log('do something else') 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="checkbox1" />

この

Answer 3

は、あなたが行く：

$('#checkbox1').on('change', function() { 
    if ($('#checkbox1:checked').length) { 
    console.log('do something') 
    } else { 
    console.log('do something else') 
    } 
}) 

Answer 4

$('#checkbox1').on('change', function() { 
    if ($(this).is(":checked")) { 
    console.log('do something') 
    } else { 
    console.log('do something else') 
    } 
}) 

Answer 5

正しい構文は次のとおりです。

`$('#checkbox1').on('change', function() { 
    if ($('#checkbox1').prop('checked')) { 
    console.log('do something') 
    } else { 
    console.log('do something else') 
    } 
})` 

Answer 6

あなたは.prop() jqueryの機能を使用することができます。私は

var check = $("#checkbox1:checked").length; 

if(check) //Do Something. 

Answer 7

は1の上お試しください。 'this'キーワードは現在のhtml要素を指します。

Answer 8

$('#checkbox1').on('change', function() { 
 
    if ($(this).is(":checked")) { 
 
    console.log('do something') 
 
    } else { 
 
    console.log('do something else') 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="checkbox1" name="checkbox1" type="checkbox"><label for="checkbox1">some checkbox</label>

このクリーンなアプローチを取って好き

$('#checkbox1').on('change', function() { 
    if ($('#checkbox1').prop("checked")) { 
    console.log('do something') 
    } else { 
    console.log('do something else') 
    } 
}) 

http://api.jquery.com/prop/

Answer 9

はこれを試してみてください。

$('#checkbox1').on('click', function() { 
if ($(this).prop("checked") == true) { 
    console.log('do something') 
} else { 
    console.log('do something else') 
} 
}) 

[チェックボックスがjQueryを使ってチェックされているか確認してください]の