¿Alguien me puede decir cómo desactivar un cuadro de texto, si hay una casilla de verificación marcada, y habilitar el cuadro de texto si la casilla de verificación no está marcada?Cómo deshabilitar el cuadro de texto según la casilla marcada
8
A
Respuesta
47
poner esto en la casilla:
onclick="document.getElementById('IdOfTheTextbox').disabled=this.checked;"
-2
Usando jQuery:
$("#checkbox").click(function(){
$("#textbox")[0].disabled = $(this).is(":checked");
});
+0
Realmente no puedo creer que esta respuesta haya sobrevivido durante tres años sin funcionar en absoluto ... O use '$ (" # textbox ") [0] .disabled' en el lado izquierdo o reemplace toda la línea con' $ ("#textbox"). prop ('disabled', ...); '- oh, y ¿por qué no usar' this.checked' en el lado derecho? – ThiefMaster
14
<input type="text" id="textBox">
<input type="checkbox" id="checkBox" onclick="enableDisable(this.checked, 'textBox')">
<script language="javascript">
function enableDisable(bEnable, textBoxID)
{
document.getElementById(textBoxID).disabled = !bEnable
}
</script>
2
Crear una función Javascript de esta manera:
function EnableTextbox(ObjChkId,ObjTxtId)
{
if(document.getElementById(ObjChkId).checked)
document.getElementById(ObjTxtId).disabled = false;
else
document.getElementById(ObjTxtId).disabled = true;
}
crear una función de C# como éste en la cuadrícula RowDataBound:
protected void lstGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
TextBox txtAllowed = (TextBox)e.Row.FindControl("txtAllowed");
CheckBox chkAllowed = (CheckBox)e.Row.FindControl("RowSelector");
chkAllowed.Attributes.Add("onClick", "EnableTextbox('" + chkAllowed.ClientID + "', '" + txtAllowed.ClientID + "')");
}
}
4
jQuery(document).ready(function() {
$("#checkBox").click(function() {
$('#textBox').attr("disabled", $(this).is(":checked"));
});
});
0
<script type="text/javascript">
function EnableDisableTextBox(chkPassport) {
var txtPassportNumber = document.getElementById("txtPassportNumber");
txtPassportNumber.disabled = chkPassport.checked ? false : true;
if (!txtPassportNumber.disabled) {
txtPassportNumber.focus();
}
}
</script>
<label for="chkPassport">
<input type="checkbox" id="chkPassport" onclick="EnableDisableTextBox(this)" />
Do you have Passport?
</label>
<br />
Passport Number:
<input type="text" id="txtPassportNumber" disabled="disabled" />
0
que tienen la solución más simple aún para esta tarea simple. Créanme o no funciona
s = 1;
function check(){
o = document.getElementById('opt');
if(o.value=='Y'){
s++;
if(s%2==0)
$('#txt').prop('disabled',true);
else
$('#txt').prop('disabled',false);
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Text: <input type="text" name="txt" id="txt">
<input type="checkbox" name="opt" id="opt" value="Y" onclick="check()">
Aquí es código.
Cuestiones relacionadas
- 1. Habilitar/deshabilitar el cuadro de texto según la selección de casilla de verificación en WPF usando MVVM
- 2. JQuery La verificación de la casilla de verificación está marcada
- 3. ¿Cómo obtener el valor de la casilla marcada en php?
- 4. Cómo deshabilitar el cursor en el cuadro de texto?
- 5. Cómo deshabilitar la selección en un cuadro de texto
- 6. jQuery deshabilitar elemento de formulario cuando la casilla de verificación está marcada
- 7. Deshabilitar un cuadro de texto con CSS
- 8. El valor de databound del cuadro de texto/casilla de verificación es incorrecto hasta que se valide el cuadro de texto/casilla de verificación
- 9. Marque esta casilla si está marcada
- 10. jQuery si casilla de verificación está marcada
- 11. Deshabilitar HTML TextField Cuadro de sugerencia desplegable
- 12. Cómo activar/desactivar solo la funcionalidad del botón de opción y la casilla marcada
- 13. límite marcada la casilla de verificación en una forma
- 14. Cómo deshabilitar el ajuste de texto en el control de cuadro de texto?
- 15. jQuery: Al seleccionar la casilla de verificación marcada
- 16. ¿Activar/desactivar el botón de enviar si la casilla de verificación está marcada/desmarcada?
- 17. ¿Cómo puedo determinar si una casilla de verificación está marcada?
- 18. Obtener casilla de verificación marcada como predeterminada en CQ5
- 19. ¿Cómo veo qué casilla de verificación está marcada?
- 20. Compruebe si la casilla está marcada o no - ASP.NET
- 21. Deshabilitar cuadro de texto sin cambiar de estilo?
- 22. Alternar div según el valor de casilla de verificación
- 23. Cuadro de entrada HTML - Deshabilitar
- 24. jQuery seleccionar según el texto
- 25. jquery comprueba si casilla de verificación asp está marcada
- 26. jQuery si casilla de verificación no está marcada tema
- 27. jQuery: habilite el envío cuando la casilla de verificación min 1 está marcada
- 28. Cómo deshabilitar el cuadro de texto de entrada de archivo en IE?
- 29. Deshabilitar el ajuste de texto
- 30. Cómo deshabilitar un RadioGroup hasta que marque la casilla de verificación
+1 - Me gusta la falta de un condicional. –