Как отключить кнопку, когда элемент не отмечен?

Question

У меня есть несколько элементов флажка, связанных с событием нажатия кнопки. Но я пытаюсь отключить кнопку, когда ни один из элементов флажка не установлен. Вот мой код:

<script> 

    $(document).ready(function() { 

     $('#cbOne').click(function(){ 

      if($(this).attr('checked') == false){ 
       $('#target-group').attr("disabled","disabled"); 
      } 
      else { 
       $('#target-group').click(function() { 
        var targetGroups = $("input:checkbox:checked", ".actors-$i").map(function() { 
         return $(this).val(); 
        }).get(); 

        $('#out').append(targetGroups.join(',')); 

       }); 
      } 
     }); 


    }); 
</script> 

<button class="aui-button" id="target-group" style="float: right">Generate Target Group</button> 

Код работает нормально, но кнопка включена, даже если флажок не установлен.

Answer 1

Try:

$('#target-group').attr("disabled", true);

Если это не работает, попробуйте:

$('#target-group').prop("disabled", true);

Answer 2

Попробуйте так:

$(document).ready(function() { 
    $('#target-group').click(function() { 
     if ($('input:checkbox:checked').length == 0) { 
      return; 
     } 

     var targetGroups = $("input:checkbox:checked", ".actors-$i").map(function() { 
      return $(this).val(); 
     }).get(); 

     $('#out').append(targetGroups.join(',')); 

    }); 
}); 

demo

Answer 3

Попробуйте это:

$(document).ready(function() { 
    //To check whether the checkbox is checked or not 
    $('input[type="checkbox"]').click(function() 
    { 
     if ($(this).prop("checked") == true) { 
      $("#target-group").show(); 
     } 
     else if ($(this).prop("checked") == false) { 
      $("#target-group").hide(); 
     } 
    } 
});