jQuery .data() не возвращает логическое значение; Зачем?

Question

Я очень неопытный программист jQuery не смог найти ошибку в моем тривиальном скрипте. Не могли бы вы помочь?

Я хочу подчеркнуть флажок, если его состояние отличается от начального значения. Это начальное значение сохраняется как атрибут data-init. Сгенерированный HTML для проверяемого и неконтролируемого ввода выглядит следующим образом:

<td><input checked data-init id="controls-0-modeU" name="controls-0-modeU" type="checkbox" value="y"></td> 

<td><input id="controls-1-modeU" name="controls-1-modeU" type="checkbox" value="y"></td> 

В принятом ответе здесь: Retrieve boolean data from data attribute in jquery есть: "метод JQuery .data() умен о признании логических и числовых значений и преобразует их в свой собственный тип ". Это то, что я хочу.

Мой сценарий начинается с:

$(document).ready(function(){ 
     $("td input:checkbox").change(function(){ 
      var $init = $(this).data("init") 

Но значение $init либо undefined (для первоначально неконтролируемого входа) или пустая строка (для первоначально проверяется). Оба они оцениваются как ложные. Почему я не получаю true/false вместо этого?

Answer 1

Атрибут данных не рассматривается как логический атрибут с помощью JQuery (как проверено, только для чтения, и т.д.), так что вы должны дать ему значение

<td><input checked data-init="true" id="controls-0-modeU" name="controls-0-modeU" type="checkbox" value="y"></td> 

<td><input data-init="false" id="controls-1-modeU" name="controls-1-modeU" type="checkbox" value="y"></td> 

если вы хотите сохранить свою марку до вам придется делать тяжелый себя

var $init = $(this).is("[data-init]"); 

Answer 2

вы можете проверить, если элемент имеет атрибут, как так:

if (!!$(this).attr("data-init")) { 
    // its there 
} 
else { 
    // its not 
}