JS實現點擊複選框將按鈕或文字框變為灰色停用方法_javascript技巧

本文執行個體講述了JS實現點擊複選框將按鈕或文字框變為灰色停用方法。分享給大家供大家參考。具體如下：

在註冊時候經常會看不到，如果不點擊閱讀註冊許可的話，提交按鈕是灰色的，失效不能提交，必須點它一下，這個JS代碼就是實現這樣一個功能，只有你點擊了確認提交，下邊的按鈕才生效。

運行效果如下圖所示：

具體代碼如下：

<html><head><title>點擊複選框按鈕變為不可用</title></head><script>var checkobjfunction agreesubmit(el){checkobj=elif (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 trueelse{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>

希望本文所述對大家的javascript程式設計有所協助。