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

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

WBOYoriginal: 2016-05-16 15:45:541372parcourir

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.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la méthode prepend() dans jQuery_jqueryArticle suivant：Explication détaillée de la méthode prepend() dans jQuery_jquery

Articles Liés

Voir plus