Maison > Article > interface Web > Méthode JS pour réaliser en cliquant sur la case à cocher pour transformer le bouton ou la zone de texte en compétences grises et indisponibles_javascript
L'exemple de cet article décrit comment utiliser JS pour transformer le bouton ou la zone de texte en gris et indisponible en cliquant sur la case à cocher. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Vous ne le voyez souvent pas lors de l'inscription. Si vous ne cliquez pas pour lire l'autorisation d'inscription, le bouton de soumission est gris et ne peut pas être soumis s'il est invalide. Vous devez cliquer dessus. fonction. Seulement vous cliquez pour confirmer la soumission, le bouton ci-dessous prendra effet.
L'effet de l'opération est comme indiqué ci-dessous :
Le code spécifique est le suivant :
<html> <head> <title>点击复选框按钮变为不可用</title> </head> <script> var checkobj function agreesubmit(el){ checkobj=el if (document.all||document.getElementById){ for (i=0;i<checkobj.form.length;i++){ var tempobj=checkobj.form.elements[i] if(tempobj.type.toLowerCase()=="submit") tempobj.disabled=!checkobj.checked } } } function defaultagree(el){ if (!document.all && !document.getElementById){ if (window.checkobj && checkobj.checked) return true else{ alert("Please read/accept terms to submit form") return false } } } </script> <body> <form name="agreeform" onSubmit="return defaultagree(this)"> <input name="agreecheck" type="checkbox" onClick="agreesubmit(this)"><b>你确认要提交?</b><br> <input type="Submit" value="我一定要提交" disabled> </form> <script> document.forms.agreeform.agreecheck.checked=false </script> </body> </html>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.