Przycisk opcji jQuery set

Próbuję ustawić przycisk opcji. Chcę ustawić go za pomocą wartości lub identyfikatora.

To jest to, czego próbowałem.

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol to identyfikator przycisku opcji.

Może trzeba trochę edytować.

Istnieją dwa zestawy skrzynek radiowych, jedna z kolumnami, a druga z rzędami. Więc widzę sens w nieużywaniu identyfikatorów. Mój błąd. Mam więc jako przykład:

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

i

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

z usuniętym identyfikatorem i muszę ustawić właściwy.

Twój selektor szuka potomka input:radio[name=cols]elementu, który ma id newcol(no cóż, wartość tej zmiennej).

Spróbuj tego zamiast tego (ponieważ i tak wybierasz według identyfikatora):

$('#' + newcol).prop('checked',true);

Oto demo: http://jsfiddle.net/jasper/n8CdM/1/

Ponadto od jQuery 1.6 preferowaną metodą zmiany właściwości jest .prop(): http://api.jquery.com/prop

Znalazłem odpowiedź tutaj:
https://web.archive.org/web/20160421163524/http://vijayt.com/Post/Set-RadioButton-value-using-jQuery

Zasadniczo, jeśli chcesz sprawdzić jeden przycisk opcji, MUSISZ przekazać wartość jako tablicę:

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

W swoim selektorze wydaje się, że próbujesz pobrać jakiś zagnieżdżony element swojego przycisku radiowego o podanym identyfikatorze. Jeśli chcesz sprawdzić przycisk opcji, powinieneś wybrać ten przycisk w selektorze, a nie coś innego:

$('input:radio[name="cols"]').attr('checked', 'checked');

Zakłada się, że w znaczniku znajduje się następujący przycisk opcji:

<input type="radio" name="cols" value="1" />

Jeśli twój przycisk opcji miał identyfikator:

<input type="radio" name="cols" value="1" id="myradio" />

możesz bezpośrednio użyć selektora identyfikatora:

$('#myradio').attr('checked', 'checked');

Możesz wypróbować następujący kod:

$("input[name=cols][value=" + value + "]").attr('checked', 'checked');

Spowoduje to ustawienie atrybutu sprawdzonego dla kolumn radiowych i wartości zgodnie z podanymi wartościami.

Dlaczego potrzebujesz 'input:radio[name=cols]'. Nie znasz swojego kodu HTML, ale zakładając, że identyfikatory są unikalne, możesz to po prostu zrobić.

$('#'+newcol).prop('checked', true);

Spróbuj tego:

$("#" + newcol).attr("checked", "checked");

Miałem problemy z attr("checked", true) , więc zamiast tego używam powyższego.

Ponadto, jeśli masz identyfikator, nie potrzebujesz tych innych rzeczy do wyboru. Identyfikator jest unikalny.

Ponieważ newcoljest to identyfikator przycisku opcji, możesz go po prostu użyć, jak poniżej.

$("#"+newcol).attr('checked',true);

Używanie .filter()również działa i jest elastyczne dla id, wartości, nazwy:

$('input[name="cols"]').filter("[value='Site']").attr('checked', true);

(widoczne na tym blogu )

Łączenie poprzednich odpowiedzi:

$('input[name="cols"]').filter("[value='Site']").click();

Możesz po prostu użyć:

$("input[name='cols']").click();

Wybrana odpowiedź działa w tym przypadku.

Ale pytanie dotyczyło znalezienia elementu na podstawie radiogroup i dynamicznego identyfikatora, a odpowiedź może również pozostawić wyświetlany przycisk radiowy nienaruszony.

Ta linia wybiera dokładnie to, o co proszono, pokazując również zmianę na ekranie.

$('input:radio[name=cols][id='+ newcol +']').click();