He hecho algo como esto.

<html>
<head>
<script type="text/javascript">
<!--
function toggleTB(what){
if(what.checked){document.theForm.theTB.disabled=1}
else{document.theForm.theTB.disabled=0}}
//-->
</script>
</head>
<body>
<form name="theForm">
<input type="checkbox" name="theCB" onClick="toggleTB(this)">Toggle The Text Box<br>
<input type="text" name="theTB" value="asdf">
</form>
</body>
</html>

Pero esto sólo es utilizado por un tiempo.necesito esta función repetidamente en otro filas también entonces, ¿cómo puedo utilizar esta función para varias veces.

Mi forma va como esto:

 <tr>    
 <td style="border-top:none; text-decoration:underline;" >Specific operations/procedures</td>
 <td>
 <input type="checkbox" name="sd3[]" value="mfi_nam9" />Other(please specify):
 <input type="text" name="mfi_nam9" class="text required" id="mfi_name" 
 </td>
 </tr>
 <tr>    
 <td style="border-top:none; text-decoration:underline;" >General principles/strategies</td>
 <td>
 <input type="checkbox" name="sd2[]" value="mfi_nam8" />Other(please specify):
 <input type="text" name="mfi_nam8" class="text required" id="mfi_name" 
 </td>
 </tr>

voy a estar esperando para ur respuesta y estoy muy agradecido a u chicos por ayudarme anteriormente y espero que u me va a ayudar esta vez también.

InformationsquelleAutor Nyaro | 2011-03-10

4 Comentarios

  1. 1

    Leer este artículo

    yo preferiría jQuery

    Aquí es DEMO

    Otra DEMO

    • me gusta este, pero cuando utilizo jquery-1.5 mi diseño se efectúa. entonces, ¿qué hacer, ¿hay alguna otra solución que no jquery.
  2. 0

    Podemos tomar el código y hacer las modificaciones como

    1. Javascript modificaciones :


    function toggleTB(what,elid)
    {
    if(what.checked)
    {
    document.getElementById(elid).disabled=1
    }
    else
    {
    document.getElementById(elid).disabled=0
    }
    }



    2. Casilla código HTML modificaciones


    <input type="checkbox" name="sd3[]" value="mfi_nam9" onClick="toggleTB(this,'mfi_name1')" />Other(please specify):
    <input type="text" name="mfi_nam9" class="text required" id="mfi_name1" />



    Tenga en cuenta que hemos utilizado el IDENTIFICADOR de ser diferentes para cada uno de los cuadros de texto que puede ser generado incluso cuando se generan estos cuadros de texto de los códigos php.

  3. 0

    Agregar onclick para cada uno de los checkbox

    <input type="checkbox" name="sd2[]" value="mfi_nam8" onClick="toggleTB(this)" />Other(please specify):

    y declarar toggleTB como

    function toggleTB(what){
        what.form.elements[what.value].disabled = what.checked;
    }
  4. 0

    Java Script modificación :

    function toggleTB(what){
    
    var theTB = document.getElementById(what.value); 
    
    if(what.checked){theTB.disabled=1}
    else{theTB.disabled=0}

    }

    HTML Modificación :

    <table>
        <tr>    
         <td style="border-top:none; text-decoration:underline;" >Specific operations/procedures</td>
         <td>
         <input type="checkbox" name="sd3[]" onClick="toggleTB(this)" value="mfi_nam9"  />Other(please specify):
         <input type="text" name="mfi_nam9"  id="mfi_nam9" class="text required" />
         </td>
         </tr>
         <tr>    
         <td style="border-top:none; text-decoration:underline;" >General principles/strategies</td>
         <td>
         <input type="checkbox" name="sd2[]" onClick="toggleTB(this)" value="mfi_nam8" />Other(please specify):
         <input type="text" name="mfi_nam8" id="mfi_nam8" class="text required" />
         </td>  
         </tr>
    
    </table>

    Nota: Aquí he utilizado ID en lugar de su NOMBRE para comprobar la forma cuadro de entrada elemento.

    Creo que esto no tiene sentido para deshabilitar el CUADRO de TEXTO en comprobado caso de los relacionados con la CASILLA de VERIFICACIÓN. Usted tal vez desee habilitar la CUADRO de TEXTO siempre una marcada la casilla de verificación para especificar alguna que otra cosa, no estoy seguro de lo que quieres hacer con esto.

    Si quieres hacer como lo supongo, acaba de cambiar el SCRIPT de JAVA líneas de abajo –

    if(what.checked){theTB.disabled=0} //have placed 0 in place of 1
      else{theTB.disabled=1} //have placed 1 in place of 0
    }

    HTML INPUT-CUADRO de abajo –

    O si usted piensa que para activar (habilitar/deshabilitar) el casilla de verificación, esto no es posible porque ya se sabe que después de deshabilitar un elemento haga clic en el evento de no hacer acción sobre el elemento en el modo de cómo será deshabilitar 🙂

Dejar respuesta

Please enter your comment!
Please enter your name here