Como enviar variableJS a un formulario

[hoberwilly]

Por favor amigos su apoyo:

Tengo los siguientes script's:

mi codigo php (menuprincipal.php):
*************
<form name="frm" id="frm">
<table class="table">
<tr>
<td>CERTIFICADO</td>
<td>ACCION</td>
</tr>
<?php
foreach($rsCol as $rCol){
?>
<tr>
<td>
<input type="radio" name="certificado[]" id="certificado" value="1" onclick="marcar1()">
<input type="text" name="flag[]" id="flag">
</td>
<td>
<button type="submit" name="input_submit" value="Grabar">Grabar</button>
</td>
</tr>
<?php
}
?>
</form>

mi código js:
************
function marcar1(){
var txt = "";
var i;
for (i = 0; i < document.frm.certificado.length; i++) {
if (certificado[i].checked) {
txt = document.frmnoticia.certificado[i].value;
}
}
document.getElementById("flag").value = txt;
}


vista del menuprincipal:
******************
CERTIFICADO - ACCION
-----------------------------------
O [___] [GRABAR]
O [___] [GRABAR]
O [___] [GRABAR]

La implementación para paginaprincipal.php es que al dar click "X" al boton de certificado

CERTIFICADO - ACCION
-----------------------------------
O [___] [GRABAR]
(X) [___] [GRABAR]
O [___] [GRABAR]


con el evento onclick se obtenga el valor 1 seleccionado, y además este valor regrese y se coloque en su respectiva caja de texto (name="flag").

CERTIFICADO - ACCION
-----------------------------------
O [___] [GRABAR]
(X) [_1_] [GRABAR]
O [___] [GRABAR]


Estoy trabajando con el código adjunto y no me sale, solicito su apoyo por favor.
Gracias de antemano
Willy

[hoberwilly]

Amigos:

Estoy usando este código JS

mi código js:
************
function marcar1(){
var txt = "";
var i;
for (i = 0; i < document.frm.certificado.length; i++) {
if (certificado[i].checked) {
txt = document.frmnoticia.certificado[i].value;
}
}
document.getElementById("flag").value = txt;
}

Y siempre la salida de la ejecución del proceso pinta en la primera fila:

CERTIFICADO - ACCION
-----------------------------------
(X) [_1_] [GRABAR]
O [___] [GRABAR]
O [___] [GRABAR]


Por favor su apoyo.


Willy

[zalito12]

Cuando escribas código utiliza las etiquetas para que sea más legible. En los mensajes, desplegable Highlight.

[hoberwilly]

Gracias Zalito 12. Copio de nuevo mi consulta... mil disculpas


Por favor amigos su apoyo:

Tengo los siguientes script's:

mi codigo php (menuprincipal.php):
*************

Código PHP:

 <form name="frm" id="frm"> 
<table class="table"> 
<tr> 
<td>CERTIFICADO</td> 
<td>ACCION</td> 
</tr> 
<?php  
foreach($rsCol as $rCol){ 
?> 
<tr> 
<td> 
<input type="radio" name="certificado[]" id="certificado" value="1" onclick="marcar1()"> 
<input type="text" name="flag[]" id="flag"> 
</td> 
<td> 
<button type="submit" name="input_submit" value="Grabar">Grabar</button> 
</td> 
</tr> 
<?php  
}  
?> 
</form>  

mi código js:
************

Código Javascript:

function marcar1(){
var txt = "";
var i;
for (i = 0; i < document.frm.certificado.length; i++) {
if (certificado[i].checked) {
txt = document.frm.certificado[i].value;
}
}
document.getElementById("flag").value = txt;
}
 

vista del menuprincipal:
******************

CERTIFICADO - ACCION
-----------------------------------
O [___] [GRABAR]
O [___] [GRABAR]
O [___] [GRABAR]

La implementación para paginaprincipal.php es que al dar click "X" al boton de certificado

CERTIFICADO - ACCION
-----------------------------------
O [___] [GRABAR]
(X) [___] [GRABAR]
O [___] [GRABAR]

con el evento onclick se obtenga el valor 1 seleccionado, y además este valor regrese y se coloque en su respectiva caja de texto (name="flag").

CERTIFICADO - ACCION
-----------------------------------
O [___] [GRABAR]
(X) [_1_] [GRABAR]
O [___] [GRABAR]

************************************************** **

Estoy usando este código JS

mi código js:
************

Código Javascript:

function marcar1(){
var txt = "";
var i;
for (i = 0; i < document.frm.certificado.length; i++) {
if (certificado[i].checked) {
txt = document.frm.certificado[i].value;
}
}
document.getElementById("flag").value = txt;
}
 

Y siempre la salida de la ejecución del proceso pinta en la primera fila:

CERTIFICADO - ACCION
-----------------------------------
(X) [_1_] [GRABAR]
O [___] [GRABAR]
O [___] [GRABAR]

Por favor su apoyo.


Willy

[zalito12]

Vale, yo no suleo usar formularios con arrays pero el problema reside en como accedes al campo donde quieres insertar el valor.
Esto está bien:

Código Javascript:

for (i = 0; i < document.frm.certificado.length; i++) {
if (certificado[i].checked) {
 

Pero aquí, estás accediendo por id:

Código Javascript:

document.getElementById("flag").value = txt;
 

La etiqueta id está pensada, como su nombre indica, para ser un identificador, un identificador único, por eso se espera que no se repita en el mismo documento, es decir, que si quieres que tu web esté bien diseñada no se deberían repetir id's.
Como se espera que sea único el primero que encuentra es el que coje y al que afecta.

Lo que no entiendo es porque no lo haces directamente en el bucle:

Código Javascript:

function marcar1(){
    var txt = "";
    var i;
    for (i = 0; i < document.frm.certificado.length; i++) {
        if (certificado[i].checked) {
            //txt = document.frm.certificado[i].value;
            flag[i].value =  certificado[i].value;
        }
    }
    //document.getElementById("flag").value = txt;
}
 

Por último si quieres que tu código sea más eficaz deberías ahorrarte ese bucle, como te digo yo no uso formularios con inputs de arrays pero podrías probar algo así:

Código PHP:

<form name="frm" id="frm"> 
<table class="table"> 
<tr> 
<td>CERTIFICADO</td> 
<td>ACCION</td> 
</tr> 
<?php
    $index = 0;
    foreach($rsCol as $rCol){
?> 
<tr> 
<td> 
    <input type="radio" name="certificado[]" id="certificado" value="1" onclick="marcar1(<?php echo $index; ?>)"> 
    <input type="text" name="flag[]" id="flag"> 
</td> 
<td> 
    <button type="submit" name="input_submit" value="Grabar">Grabar</button> 
</td> 
</tr> 
<?php
        $index++;
    }  
?> 
</form>
 

Código Javascript:

function marcar1(index){
    if (certificado[index].checked) {
        //txt = document.frm.certificado[i].value;
        flag[index].value =  certificado[index].value;
    }else{
        //Al desmarcar...
    }
    //document.getElementById("flag").value = txt;
}
 

Algo así debería funcionar, si hay una forma mejor de pasarle el índice a la función de JS no la conozco porque como te he dicho suelo evitar este tipo de implementaciones.

Saludos!

[hoberwilly]

Muchas gracias zalito12, la primera opción resultó dar con mi solución
Me falta probar la última sugerencia... les comentaré como me fué.