Отметьте галочку и отключите галочку

Question

У меня есть флажок, который я хочу отключить, с отключенным текстом флажка, но я этого не сделал. У меня есть следующий код:

$('input:checkbox[type="checkbox"]').each(function() { 
    $(this).attr("disabled", true).attr("readonly", true); 
}); 

Приведенный выше код не делает отключить мой флажок, а я нахожусь в состоянии проверить и снимите флажок.
Единственное, что я хотел сделать, это отключить галочку, и если флажок, который я загружаю из бэкэнд, проверяется, он не должен влиять на его состояние. Я также хочу отключить текст флажка.

Обратите внимание я сгенерирована Checkbox динамически и вот код для него:

if (cellvalue == "True") { 
    html = "<input type='checkbox' class='checkboxUser' id='checkbox" + rowid + "' checked/>" 
} 
else { 
    html = "<input type='checkbox' class='checkboxUser' id='checkbox" + rowid + "'/>" 
} 
return html; 

Answer 1

пожалуйста, попробуйте следующий

$('input:checkbox[type="checkbox"]').each(function() { 
    $(this).prop("disabled", true); 
}); 

Answer 2

Вы делаете неправильно с $('input:checkbox[type="checkbox"]')

Вы должны использовать следующее:

$('input:checkbox') только

или

$('input[type="checkbox"]') только

---

И использовать метод пропеллера:

$('input[type="checkbox"]').each(function() { 
    $(this).prop("disabled", true); 
    $(this).prop("readonly", true); 
}); 

---

Обратите внимание также метод атрибута вы делаете неправильно здесь:

$(this).attr("disabled",true).attr("readonly",true); // потому что атр из this.attr не является действительным

Это должно быть так:

$(this).attr("disabled",true); 
$(this).attr("readonly",true); 

Answer 3

Использование

prop("disabled", true) вместо attr(...)

И

$('input[type=checkbox]') 

Как сказал пользователь Sarath (немного исправлено):

$('input[type="checkbox"]').each(function() { 
    $(this).prop("disabled", true); 
});