本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答