Próbuję sprawdzić przycisk radiowy za pomocą jQuery. Oto mój kod:
<form>
<div id='type'>
<input type='radio' id='radio_1' name='type' value='1' />
<input type='radio' id='radio_2' name='type' value='2' />
<input type='radio' id='radio_3' name='type' value='3' />
</div>
</form>
I JavaScript:
jQuery("#radio_1").attr('checked', true);
Nie działa:
jQuery("input[value='1']").attr('checked', true);
Nie działa:
jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);
Nie działa:
Czy masz inny pomysł? czego mi brakuje?
javascript
jquery
forms
radio-button
Alexis
źródło
źródło
Odpowiedzi:
W przypadku wersji jQuery równych lub wyższych (> =) 1.6 użyj:
W przypadku wersji wcześniejszych niż (<) 1.6 użyj:
Wskazówka: możesz później zadzwonić
click()
lubchange()
nacisnąć przycisk radiowy. Zobacz komentarze, aby uzyskać więcej informacji.źródło
prep
jest poprawny od 1.6 i wymagany od 1.9..change()
do końca, aby wywołać inne zdarzenia na stronie..prop
to oczywiście poprawna odpowiedź, a.attr
metoda jest notatką dla jQuery <1.6.$("#radio_1").prop("checked", true).trigger("click");
Spróbuj tego.
W tym przykładzie celuję w niego za pomocą jego nazwy wejściowej i wartości
Warto wiedzieć: w przypadku wartości wielu słów zadziała również z powodu apostrofów.
źródło
$("input[name=background][value='color purple']").prop("checked",true);
Jeszcze jedna funkcja prop () dodana w jQuery 1.6, która służy temu samemu celowi.
źródło
attr('checked', true)
przestał działać dla mnie z jQuery 1.9, to jest rozwiązanie!prop("checked", true)
działa,attr('checked', 'checked')
nie działaattr('checked', 'checked')
faktycznie działa x)Krótka i łatwa do odczytania opcja:
Zwraca wartość prawda lub fałsz, więc można go użyć w instrukcji „if”.
źródło
Spróbuj tego.
Aby zaznaczyć przycisk opcji radiowej za pomocą wartości, użyj tego.
Lub
Lub
Aby sprawdzić przycisk radiowy za pomocą identyfikatora, użyj tego.
Lub
źródło
Spróbuj tego:
http://jsfiddle.net/nwo706xw/
źródło
.val(['1'])
nie.val('1')
$.prop
Sposób jest lepszy:i możesz to przetestować w następujący sposób:
źródło
Musisz zrobić
To jest atrybut HTML
źródło
Jeśli własność
name
nie działa, nie zapominaj, żeid
nadal istnieje. Ta odpowiedź jest dla osób, które chcą ukierunkować się naid
to, co robisz.Ponieważ własność
name
nie działa dla mnie. Upewnij się, że nie otaczaszid
iname
zawiera podwójne / pojedyncze cytaty.Twoje zdrowie!
źródło
Tak, działało to dla mnie tak:
źródło
Spróbuj tego
źródło
Co zaskakujące, najpopularniejsza i akceptowana odpowiedź ignoruje wywołanie odpowiedniego zdarzenia pomimo komentarzy. Upewnij się, że wywołujesz
.change()
, w przeciwnym razie wszystkie powiązania „przy zmianie” zignorują to zdarzenie.źródło
źródło
Uzyskaj wartość:
Ustalić wartość:
Kliknij przycisk opcji Dodaj sprawdzone attr:
źródło
Powinniśmy powiedzieć, że to przycisk,
radio
więc spróbuj użyć następującego kodu.źródło
Na wypadek, gdyby ktoś próbował to osiągnąć podczas korzystania z interfejsu użytkownika jQuery, należy również odświeżyć obiekt pola wyboru interfejsu użytkownika, aby odzwierciedlić zaktualizowaną wartość:
źródło
Używam tego kodu:
Przepraszam za angielski
źródło
Spróbuj tego z przykładem
źródło
Spróbuj tego
źródło
źródło
źródło
$("#radio_1").attr('checked', true);
to nie zadziała. Jak wspomniano w OPMam przykład pokrewnego przykładu do ulepszenia, co powiesz na to, czy chcę dodać nowy warunek, powiedzmy, jeśli chcę ukryć schemat kolorów po kliknięciu wartości projektu Status z wyjątkiem kostki brukowej i płyt chodnikowych.
Przykład znajduje się tutaj:
http://jsfiddle.net/m7hg2p94/4/
źródło
Ponadto możesz sprawdzić, czy element jest zaznaczony, czy nie:
Możesz sprawdzić, czy nie ma zaznaczonego elementu:
Możesz także odznaczyć w ten sposób:
W przypadku wersji jQuery równych lub wyższych (> =) 1.6 użyj:
W przypadku wersji wcześniejszych niż (<) 1.6 użyj:
źródło
Użyłem jquery-1.11.3.js
Basic Włącz i wyłącz
index.html
źródło
Użyj prop () mehtod
Link źródłowy
źródło
Spróbuj tego
jeśli zaznaczone zwraca,
True
jeśli nie zaznaczone zwracaFalse
źródło
Niektóre razy powyższe rozwiązania nie działają, możesz spróbować poniżej:
Innym sposobem możesz spróbować:
źródło
jQuery.uniform.update()
jest rozwiązaniem!Spróbuj tego:
źródło
checkboxradio
wtyczki, co nie ma sensu, gdy można po prostu użyć wbudowanych funkcji jQuery do osiągnięcia tego (patrz zaakceptowana odpowiedź).Mam właśnie podobny problem, prostym rozwiązaniem jest po prostu użycie:
Każde inne rozwiązanie będzie działać, jeśli odświeżysz radio po wywołaniu funkcji.
źródło
attr akceptuje dwa ciągi.
Prawidłowy sposób to:
źródło