remove - uncheck checkbox jquery

jQuery múltiples botones de radio

Question

Nuevo en javascript / jquery y tener problemas con el uso de "this" o "$ (this)" para obtener el objeto actual.

Tengo una tabla con un conjunto de botones de opción en cada fila, cada uno llamado ''s_''. Ninguno de los botones de opción están marcados por defecto:

<tr>
<td align="left" style="width: 300px">
<div id="div_s_0">
<input type="radio" name="s_0" value="1" />Public
<input type="radio" name="s_0" value="2" />Not Public
<input type="radio" name="s_0" value="3" />Confidential
</div>
</td>
</tr>
<tr>
<td align="left" style="width: 300px">
<div id="div_s_1">
<input type="radio" name="s_1" value="1" />Public
<input type="radio" name="s_1" value="2" />Not Public
<input type="radio" name="s_1" value="3" />Confidential
</div>
</td>
</tr>

Intento escribir una función jQuery para agregar una nueva fila a la tabla cada vez que el usuario selecciona un botón de opción, pero solo si se encuentran actualmente en la última fila de la tabla. Lo que me gustaría hacer es obtener el atributo de nombre del botón de opción cliqueado, analizarlo para obtener el índice de la fila (es decir, la parte que sigue al ''_'') y compararlo con el número de filas de la tabla. Si son iguales, agregue una nueva fila, de lo contrario, no haga nada.

Mi pregunta es doble, dependiendo de cómo debería atacar esto:

1) ¿Cómo devuelvo el atributo de nombre de un botón de opción, O 2) ¿Cómo devuelvo el índice de fila de la fila en la que me encuentro actualmente?

Answer 1

Aquí hay un código no probado, fuera de mi cabeza:

$("#div_s_0 input[type=''radio'']").onclick = function() {
if ($("#div_s_0 input[type=''radio'']:last").attr(''checked'') == ''checked'') {
/* add a new element */
}
}

Lo que hace es adjuntar un evento onclick a cada uno de los botones de radio en el div. El onclick verificará si el último botón de opción de ese grupo está marcado y, de ser así, agregará otro elemento.

Como dije, aún no ha sido probado. No estoy seguro del selector (# div_s_0 ... :last ) así que pruébalo primero en Firebug.

Answer 2

Esto le dará el índice, utilizando el HTML que ha proporcionado:

$(document).ready(function() {
$("input:radio").click(function() {
var index = parseInt(this.name.split(''_'')[1])
});
});

Otra cosa que puede ayudarte: recuperar el número de filas en tu tabla:

$($("table").children()[0]).children().length

Espero que esto te ayude en tu camino.

Answer 3

Para sus preguntas específicas 1 y 2, si le dio a su mesa una identificación de "mitabla", este ejemplo debería darle lo que está buscando:

var rowIndex = $("#mytable tr").index($(this).parents("tr"));
var inputName = $(this).attr("name");
alert("Input Name: " + inputName + "; RowIndex: " + rowIndex);