クリック時にチェックボックスがチェックされていないかどうかを確認します-jQuery

ユーザーがチェックボックスをクリックしたときに、チェックボックスがオフになっていないかどうかを確認したいと思います。これは、ユーザーがチェックボックスをオフにしたときに検証を実行したいためです。少なくとも1つのチェックボックスをオンにする必要があるためです。したがって、最後のチェックを外すと、自動的に再度チェックされます。

jQueryを使用すると、チェックされているかどうかを簡単に確認できます。

$('#check1').click(function() {
    if($(this).is(':checked'))
        alert('checked');
    else
        alert('unchecked');
});

しかし、実際には、チェックボックスがオフになったかどうかをチェックするifステートメントのみが必要です。

だから私は次のコードでそれを行うことができると思いました：

$('#check2').click(function() {
    if($(this).not(':checked'))
        alert('unchecked');
    else
        alert('checked');
});

ただし、これには常に「チェックされていない」メッセージが表示されます。本当に私が期待していたものではありません...

デモ： http ：//jsfiddle.net/tVM5H/

したがって、最終的には次のようなものが必要になります。

$('#check2').click(function() {
    if($(this).not(':checked')) {
        // Got unchecked, so something!!!
    }
});

しかし、明らかにこれは機能しません。最初の例は使いたくありません。必要なのは「if」ステートメントが1つだけの場合、不要な「else」ステートメントがあるからです。

まず最初に、これはjQueryのバグですか？私にはそれは予期しない振る舞いです。そして第二に、誰かが良い代替案を考えていますか？

これを試して：

if(!$(this).is(':checked'))

デモ

すでに投稿された回答は機能します。jQueryを使用したい場合：notこれを行うことができます：

if ($(this).is(':not(:checked)'))

または

if ($(this).attr('checked') == false)

チェックされているかどうかをチェックするjQuery？本当に？

if(!this.checked) {

かみそりの仕事をするためにバズーカを使用しないでください。

$(document).ready(function() {
        $("#check1").click(function() {
            var checked = $(this).is(':checked');
            if (checked) {
                alert('checked');
            } else {
                alert('unchecked');
            }
        });
    });

<script type="text/javascript">

 if(jQuery('input[id=input_id]').is(':checked')){
  // Your Statment
 }else{
  // Your Statment
 }

 OR

 if(jQuery('input[name=input_name]').is(':checked')){
  // Your Statment
 }else{
  // Your Statment
 }

</script>

ここから取得したコード：http：//chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html

この質問に対する答えのいくつかをチェックしてください-私はそれがあなたのものに当てはまるかもしれないと思います：

要素のデフォルトの動作の後にクリック関数を実行する方法

onclick関数のブラウザ実装で矛盾が発生していると思います。イベントが発生する前と後にチェックボックスを切り替えることを選択する人もいます。

回答はすでに投稿されていますが、jqueryもこのように使用できます

デモ

$(function(){
    $('#check1').click(function() {
        if($('#check1').attr('checked'))
            alert('checked');
        else
            alert('unchecked');
    });

    $('#check2').click(function() {
        if(!$('#check2').attr('checked'))
            alert('unchecked');
        else
            alert('checked');
    });
});

このようにしてください

if (typeof $(this).attr("checked") == "undefined" )

// To check if checkbox is checked
if( $(this).attr("checked")=="checked")