2012-05-14 13 views
8

Wiem, że nie możemy dokonać tylko do odczytu przycisku radiowego i pole wyboru. Próbowałem wyłączyć dla przycisku radiowego i pola wyboru, ale w IE nie jest to wyraźnie widoczne.Jak sprawić, aby wyłączona/tylko do odczytu funkcja do przycisku radiowego i zaznaczone pole

Czy jest jakaś alternatywa zrobić to samo, jak wyłączyć/tylko do odczytu przy użyciu jQuery, CSS, JavaScript?

+0

Tak, ale robi dokładnie to samo, co już wypróbowałeś, ustawia wyłączoną właściwość na wyłączoną itd. – adeneo

+0

jaki kod robisz dla tego .. –

Odpowiedz

12

Można użyć następującego kodu, aby uniknąć kliknięć elementów nie chcesz użytkownikowi zmianę

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

Można użyć właściwego wyboru, aby ograniczyć liczbę kliknięć.

+0

dzięki to działa. Czy możliwe jest zastosowanie koloru tła do pola radiobuttona i pola wyboru, aby wyglądało na wyłączone bez użycia obrazu? Próbowałem użyć $ (": radio,: checkbox"). Css ("background-color", "red"); – Raje

+0

Nie sądzę, możesz to zrobić. Musisz użyć jakiegoś obrazu do tego celu. Ale jeśli chcesz nadać mu wyłączony efekt, lepiej go wyłączyć, a następnie będzie wyglądać spójnie we wszystkich przeglądarkach. Myślałem, że chcesz wyłączyć pole wyboru/przycisk radiowy bez efektu wyłączenia. – LoneWOLFs

+0

Tak, masz rację. Chcę wyłączyć podobną funkcjonalność bez efektu wyłączenia. Jeśli podałem opcję wyłączoną dla pola wyboru i przycisku opcji, to nie jest to widoczne w IE. – Raje

7

Yon może dać tak: -

i skrypt

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

Albo można addClass według ciebie ..

jeśli nie będą kompatybilne z IE dać kompatybilność również ..

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

następnie sprawdzić ..

można również dać tak: -

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

Wiem, że jest stary, ale dla każdego, kto ma ochotę skorzystać z tego rozwiązania, należy pamiętać, że wyłączone elementy nie będą publikowane po przesłaniu formularza. – blackandorangecat

1

Jeśli przycisk radiowy jest już sprawdzone i jeśli klikniesz na sprawdzony przełącznik zmieni wartość z true na false. W tym scenariuszu następujący kod działa

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

wybrany wiersz jest po prostu element html, poniżej którego chcę, aby znaleźć przyciski radiowe Jestem zainteresowany.
cały skrypt jest wywoływany tylko po wybraniu przycisku radiowego.
po uruchomieniu lokalizuje niezaznaczone przyciski opcji i wyłącza je.

dlatego daje mi pożądany efekt wyłączenia niewybranych przycisków opcji, zachowując wybraną opcję.

ten wynik wydawał się lepszym rozwiązaniem, następnie
1. ułożenie obrazu nad przyciskiem opcji, aby uniknąć wyboru innej opcji przez użytkownika.
2. .click (function() {return false;}), który ukrywa zaznaczenie po wybraniu niezaznaczonej opcji 3. wyłączenie wszystkich przycisków opcji, w których utracono wybór.

mam nadzieję, że to pomoże,
okrzyki.

Powiązane problemy