suchen

Heim >Web-Frontend >js-Tutorial >JS-Methode, um zu realisieren, dass durch Klicken auf das Kontrollkästchen die Schaltfläche oder das Textfeld ausgegraut und nicht verfügbar ist._Javascript-Fähigkeiten

JS-Methode, um zu realisieren, dass durch Klicken auf das Kontrollkästchen die Schaltfläche oder das Textfeld ausgegraut und nicht verfügbar ist._Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:45:541391Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie mit JS die Schaltfläche oder das Textfeld grau und nicht verfügbar machen, indem Sie auf das Kontrollkästchen klicken. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Wenn Sie die Registrierungserlaubnis nicht lesen, wird sie oft nicht angezeigt. Wenn sie ungültig ist, kann sie nicht gesendet werden. Dieser JS-Code implementiert eine solche Nur wenn Sie die Übermittlung bestätigen, wird die Schaltfläche unten wirksam.

Der Betriebseffekt ist wie folgt:

Der spezifische Code lautet wie folgt: 

<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>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung der prepend()-Methode in jQuery_jqueryNächster Artikel：Detaillierte Erläuterung der prepend()-Methode in jQuery_jquery

In Verbindung stehende Artikel

Mehr sehen