2014-08-29 2 views
0

У меня есть HTML, в котором у меня есть таблица, один столбец таблицы содержит флажки, а другой содержит текст.Невозможно изменить свойство checkbox to readOnly

Один флажок идет автоматически, пробивается с бэкэнда при загрузке страницы. Я хочу сделать этот checkbox readonly. ниже - код, который я использую, но его не работает. PLS предложить.

$(document).ready(function(){ 
    $('tr td').each(function(){ 
    $('this').find('input[type="checkbox"]:checked').prop('readOnly',true); 
    }); 
}); 

ответ

0

Кроме того, используя строку для 'this' и странный верблюжьей кожух (который действительно не имеет значения, и потому, что HTML не является с учетом регистра, а также потому, что jQuery исправляет его в нижнем регистре), есть простой факт, что нет su ch вещь как readonly checkbox. See for yourself (если вы заинтересованы, почему - проще говоря, READONLY предотвращает изменение значения поля - и при нажатии на флажок вы на самом деле changing its state)

Вместо использования инвалидами:

$(this).find('input[type="checkbox"]:checked').prop('disabled',true); 
0

Изменить этот

$('this').find('input[type="checkbox"]:checked').prop('readOnly',true); 

к этому

$(this).find('input[type="checkbox"]:checked').attr('disabled','disabled'); 
+0

она до сих пор не работает для меня, ниже мой обновленный код. $ (document) .ready (function() { $ ('tr td'). Each (function() { $ ('this'). Find ('input [type = "checkbox"]: checked') .prop ('readonly', true); }); }); – Vaibhav

+0

@Vaibhav ... попробуйте ответ yuvi ,, –

0

возвращение ложь на событие щелчка ...

Попробуйте это:

$('tr td').each(function(){ 
    $(this).find('input[type="checkbox"]:checked').on('click', function(){ return false }); 
}); 

::JsFiddle::

0

Вы можете использовать, чтобы отключить все галочки

$('input[type="checkbox"]:checked').prop('disabled', "true"); 
Смежные вопросы