jQuery establecer el botón de opción

Question

Estoy tratando de establecer un botón de opción. Quiero configurarlo usando el valor o la identificación.

Esto es lo que he intentado.

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

newcol es la identificación del botón de opción.

Quizás una pequeña edición esté en orden.

Hay dos conjuntos de cajas de radio, una con cols y la otra con filas. Entonces veo el punto de no usar los identificadores. Mi error. Así que tengo como un ejemplo:

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

y

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

con el id de retirada, y necesito establecer la correcta.

Answer 1

Su selector busca el descendiente de un elemento input:radio[name=cols] que tiene la identificación de newcol (bien el valor de esa variable).

Tal vez puedas probar (ya que usted está seleccionando por ID de todos modos):

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

Aquí es una demostración: http://jsfiddle.net/jasper/n8CdM/1/

Además, a partir de jQuery 1.6 perferred el método de alterar una propiedad es .prop() : http://api.jquery.com/prop

Answer 2

En el selector parece que intenta obtener algún elemento anidado de su botón de opción con una identificación determinada. Si desea comprobar un botón de opción, debe seleccionar este botón de selección en el selector y no otra cosa:

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

Esto supone que tiene el botón de opción siguiente en su margen de beneficio:

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

Si el botón de radio tenía un id:

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

usted podría utilizar directamente un selector ID:

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

Answer 3

Dado que newcol es la ID del botón de opción, simplemente puede usarlo como se indica a continuación.

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

Answer 4

¿Por qué necesita 'input:radio[name=cols]'. No conozca su html, pero suponiendo que los ID sean únicos, simplemente puede hacerlo.

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

Answer 5

Prueba esto: cuestiones

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

que he tenido con attr("checked", true), por lo que tienden a usar lo anterior en su lugar.

Además, si tiene la identificación, entonces no necesita esa otra cosa para la selección. Una identificación es única.

Answer 6

he encontrado la respuesta aquí:
https://web.archive.org/web/20160421163524/http://vijayt.com/Post/Set-RadioButton-value-using-jQuery

Básicamente, si usted quiere comprobar un botón de radio, debe pasar el valor como una matriz:

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

Answer 7

puedes probar el siguiente código :

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

Esto configurará el atributo comprobado para las columnas de radio y el valor como se especifica.

Answer 8

Usted puede simplemente utilizar:

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

Answer 9

La respuesta elegida funciona en este caso.

Pero la pregunta era sobre encontrar el elemento basado en radiogroup y la identificación dinámica, y la respuesta también puede dejar el botón de opción mostrado no afectado.

Esta línea selecciona exactamente lo que se pidió mientras se muestra el cambio en la pantalla también.

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

Answer 10

Usando .filter() también funciona, y es flexible para la identificación, valor, nombre:

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

(visto en this blog)