JS實現點擊復選框將按鈕或文本框變為灰色不可用的方法
編輯：關於JavaScript
本文實例講述了JS實現點擊復選框將按鈕或文本框變為灰色不可用的方法。分享給大家供大家參考。具體如下：
在注冊時候經常會看不到，如果不點擊閱讀注冊許可的話，提交按鈕是灰色的，失效不能提交，必須點它一下，這個JS代碼就是實現這樣一個功能，只有你點擊了確認提交，下邊的按鈕才生效。
運行效果如下圖所示：
具體代碼如下：
<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>
希望本文所述對大家的javascript程序設計有所幫助。
小編推薦
熱門推薦