Установка "проверил" для флажка с JQuery? - PullRequest
Новая
       209

Установка "проверил" для флажка с JQuery?

3872 голосов
/ 09 января 2009

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

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

или 

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

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

Ответы [ 40 ]

10 голосов
/ 08 июля 2014

В случае, если вы используете 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);
        });
    }
8 голосов
/ 29 сентября 2016

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

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");
      }    
 }
5 голосов
/ 23 апреля 2014

Вы можете попробовать это: 

$('input[name="activity[task_state]"]').val("specify the value you want to check ")
5 голосов
/ 01 ноября 2017 

if($('jquery_selector').is(":checked")){
  //somecode
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
4 голосов
/ 13 мая 2013 
$(".myCheckBox").prop("checked","checked");
3 голосов
/ 14 марта 2017

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

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

http://www.bootstraptoggle.com/

1 голос
/ 02 января 2019

Отредактировано в январе 2019 года

Можно использовать: .prop (propertyName) - добавленная версия: 1.6 

p {margin: 20px 0 0;}
b {color: red;}
label {color: red;}
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input id="check1" type="checkbox" checked="checked">
<label for="check1">Check here</label>
<p></p>
 
<script>
$( "input" ).change(function() {
  var $input = $( this );
  $( "p" ).html(
    "The .attr( \"checked\" ): <b>" + $input.attr( "checked" ) + "</b><br>" +
    "The .prop( \"checked\" ): <b>" + $input.prop( "checked" ) + "</b><br>" +
    "The .is( \":checked\" ): <b>" + $input.is( ":checked" ) + "</b>" );
}).change();
</script>
 
</body>
</html>

На угловой раме

Пример 1

В вашем .html файле 

<input type="checkbox" (change)="toggleEditable($event)">

В вашем файле .ts 

toggleEditable(event) {
     if ( event.target.checked ) {
         this.contentEditable = true;
    }
}

Пример 2

В вашем .html файле 

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkAction(isChecked ? 'Action1':'Action2')" />
1 голос
/ 15 сентября 2018

Если вы используете .prop('checked', true|false) и не изменили флажок , вам нужно добавить trigger('click') как это 

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


//un-Check
$('#checkboxF1').prop( "checked", true).trigger('click');
1 голос
/ 01 декабря 2017

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

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

  2. Второй метод - $('.myCheckbox').attr('checked', true);

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

0 голосов
/ 13 сентября 2013

Для всего: 

$("#checkAll").click(function(){
    $(".somecheckBoxes").prop('checked',$(this).prop('checked')?true:false);
});
Страница:
...