Как отключить/читать только функциональность для переключателя и флажок

Я знаю, что мы не можем сделать readonly переключателем и флажком. Я пробовал отключить радиокнопку и флажок, но в IE это явно не видно.

Есть ли альтернатива делать то же самое, что и disable/readonly, используя jQuery, CSS, JavaScript?

Ответ 1

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

$(':radio,:checkbox').click(function(){
    return false;
});

Вы можете использовать правильный селектор для ограничения кликов.

Ответ 2

Yon может дать следующее: -

i ваш script

 jQuery('#radio').attr('disabled','disabled');

Или вы можете добавить класс в соответствии с вами.

если он не совместим с IE, дайте совместимость также.

<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />

затем проверьте..

вы также можете дать следующее: -

jQuery("#youridname input:radio").attr('disabled',true);

Ответ 3

        selectedRow.find('input[type="radio"]:not(:checked)').each(function(){ $(this).attr('disabled', true); });

выбранная строка - это только элемент html, ниже которого я хочу найти радиокнопки, которые меня интересуют.
весь script вызывается только после выбора переключателя.
при выполнении он находит не выбранные переключатели и отключает их.

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

этот результат, казалось, был лучшим вариантом, а затем 1. Поместите изображение над переключателем, чтобы пользователь не выбрал другой вариант.
2..click(function() {return false;}), который просто скрывает выделение, когда выбран невыбранный параметр 3. Отключение всех переключателей, где выбор потерян.

надеюсь, что это поможет вам,
веселит.

Ответ 4

Если радиокнопка уже проверена, и если вы нажмете на отмеченную радиокнопку, она изменит значение с true на false. Для этого сценария работает следующий код

$(document).ready(function () {
    $('input[type = "radio"]').change(function () {
        this.checked = false;
    });
});