Установка "checked" для флажка с jQuery?

Я хотел бы сделать что-то подобное, чтобы отметить checkbox с помощью jQuery:

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

или

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

Существует ли такая вещь?

3600
задан tpower 09 янв. '09 в 1:20
источник поделиться
38 ответов
  • 1
  • 2

Если вы используете ASP.NET MVC, создайте много флажков, а затем выберите/отмените выбор всех, используя JavaScript вы можете сделать следующее.

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);
        });
    }
10
ответ дан Academy of Programmer 08 июля '14 в 21:22
источник поделиться

Это может помочь кому-то.

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");
      }    
 }
7
ответ дан Sedrick 29 сент. '16 в 16:55
источник поделиться

Вы можете попробовать следующее:

$('input[name="activity[task_state]"]').val("specify the value you want to check ")
5
ответ дан anusha 23 апр. '14 в 9:34
источник поделиться
$(".myCheckBox").prop("checked","checked");
4
ответ дан mathew 13 мая '13 в 12:50
источник поделиться

Если вы используете Bootstrap (возможно, не знаю)...

$('#myCheckbox').bootstrapToggle('on')
$('#myCheckbox').bootstrapToggle('off')

http://www.bootstraptoggle.com/

3
ответ дан Kenmeister 14 марта '17 в 23:32
источник поделиться

if($('jquery_selector').is(":checked")){
  //somecode
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
2
ответ дан David Arul 01 нояб. '17 в 16:19
источник поделиться

Вы можете проверить состояние флажка с помощью JS по-разному. вы можете видеть ниже.

  1. Первый метод $ ('. MyCheckbox'). Prop ('checked', true);

  2. Второй метод $ ('. MyCheckbox'). Attr ('checked', true);

  3. Третий метод (для проверки условия, если флажок установлен или нет) $ ('. MyCheckbox'). Is (': checked')

1
ответ дан Gaurang Sondagar 01 дек. '17 в 10:08
источник поделиться

В целом:

$("#checkAll").click(function(){
    $(".somecheckBoxes").prop('checked',$(this).prop('checked')?true:false);
});
-4
ответ дан eggshot 13 сент. '13 в 9:37
источник поделиться
  • 1
  • 2

Другие вопросы по меткам или Задайте вопрос