Kaedah JS untuk merealisasikan mengklik kotak semak untuk menukar butang atau kotak teks menjadi kemahiran kelabu dan unavailable

Kaedah JS untuk merealisasikan mengklik kotak semak untuk menukar butang atau kotak teks menjadi kemahiran kelabu dan unavailable_javascript

WBOY

Lepaskan： 2016-05-16 15:45:54

asal

1367 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara menggunakan JS untuk menukar butang atau kotak teks menjadi kelabu dan tidak tersedia dengan mengklik pada kotak semak. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Anda sering tidak melihatnya semasa mendaftar Jika anda tidak mengklik untuk membaca kebenaran pendaftaran, butang hantar berwarna kelabu dan tidak boleh diserahkan jika ia tidak sah Anda mesti mengkliknya Hanya anda klik untuk mengesahkan penyerahan , butang di bawah akan berkuat kuasa.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut:

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

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.