Einstellung "checked" für ein Kontrollkästchen mit jQuery

Question

Ich würde gerne so etwas tun, um ein Häkchen bei checkbox mit jQuery :

$(".myCheckBox").checked(true);

o

$(".myCheckBox").selected(true);

Gibt es so etwas?

Answer 1

Dies könnte jemandem helfen.

HTML5

 <input id="check_box" type="checkbox" onclick="handleOnClick()">

JavaScript.

  function handleOnClick(){

      if($("#check_box").prop('checked'))
      {        
          console.log("current state: checked");
      }
      else
      {         
          console.log("current state: unchecked");
      }    
 }

Answer 2

In jQuery,

if($("#checkboxId").is(':checked')){
    alert("Checked");
}

o

if($("#checkboxId").attr('checked')==true){
    alert("Checked");
}

In JavaScript,

if (document.getElementById("checkboxID").checked){
    alert("Checked");
}

Answer 3

Falls Sie ASP.NET MVC viele Kontrollkästchen erzeugen und später zum Auswählen/Abwählen aller Mit JavaScript können Sie Folgendes tun.

HTML

@foreach (var item in Model)
{
    @Html.CheckBox(string.Format("ProductId_{0}", @item.Id), @item.IsSelected)
}

JavaScript

function SelectAll() {       
        $('input[id^="ProductId_"]').each(function () {          
            $(this).prop('checked', true);
        });
    }

    function UnselectAll() {
        $('input[id^="ProductId_"]').each(function () {
            $(this).prop('checked', false);
        });
    }

Answer 4

Wenn Sie Folgendes verwenden .prop('checked', true|false) und sich nicht verändert haben Ankreuzfeld müssen Sie Folgendes hinzufügen trigger('click') wie diese:

// Check
$('#checkboxF1').prop( "checked", true).trigger('click');

// Uncheck
$('#checkboxF1').prop( "checked", false).trigger('click');

Answer 5

$(".myCheckBox").prop("checked","checked");