Получить флажок в выбранном состоянии с помощью JQuery

Я попробовал много способов получить выбранное состояние флажка. Его поле ввода с типом флажка.

Я попробовал следующие методы, чтобы получить состояние, но все возвращает false. Только если флажок установлен/не выбран с помощью jQuery раньше (это было сделано с $.prop("checked", "true").

$("#ID").prop("checked");
$("#ID").val(); //returns "on" everytime
$("#ID").attr("checked");
$("#ID").checked; //undefined

ID - настоящий идентификатор в моем коде!

Выбранное состояние также устанавливается с помощью jQuery следующим образом:

$(columns[i]).children().first().prop("checked", stateArray[i]);

Флажки находятся в KendoGrid и columns.children получает все td и first() возвращает вход.

stateArray - массив с true/false.

Ничего не работает... У вас есть идея?

С уважением

EDIT: я нашел ошибку... Идентификатор, сгенерированный для входов, всегда был таким же... поэтому он выбрал первый элемент, который не был выбран... Извините за это!

0
источник поделиться
3 ответа

Где ваш селектор? Используйте is(":checked") с ним, как показано ниже.

var status = $(':checkbox').is(":checked");
+1
источник

Чтобы найти флажок установлен или не использовать $('input[type="checkbox"]').prop("checked")

Для более глубокого понимания проверьте ниже фрагмент.

$('input[type="checkbox"]').on('change',function(){
  if($(this).prop('checked')){
    alert("checked");
  }else{
    alert("un-checked");  
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox"/>
0
источник

Вам нужно сначала выбрать checkbox из DOM затем прочитать его checked свойство.

$(function() {
  console.log($('#ab3fee6b-c81e-e4ba-b12e-2c088bb386cc_A4').prop('checked'));
  console.log($('#ab3fee6b-c81e-e4ba-b12e-2c088bb386cc_A5').prop('checked'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="ab3fee6b-c81e-e4ba-b12e-2c088bb386cc_A4" type="checkbox" data-role="check" otg-visible="true" style="-webkit-appearance: checkbox !important; width: 20px; height: 20px; display: table-cell; margin: 0px;">
<input id="ab3fee6b-c81e-e4ba-b12e-2c088bb386cc_A5" type="checkbox" data-role="check" checked otg-visible="true" style="-webkit-appearance: checkbox !important; width: 20px; height: 20px; display: table-cell; margin: 0px;">
0
источник

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