JS實現(xiàn)點擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒?/h1>
更新時間:2015年08月11日 12:30:02 作者:皮蛋
這篇文章主要介紹了JS實現(xiàn)點擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒?涉及javascript動態(tài)修改頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)點擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒?。分享給大家供大家參考。具體如下:
在注冊時候經(jīng)常會看不到,如果不點擊閱讀注冊許可的話,提交按鈕是灰色的,失效不能提交,必須點它一下,這個JS代碼就是實現(xiàn)這樣一個功能,只有你點擊了確認(rèn)提交,下邊的按鈕才生效。
運行效果如下圖所示:

具體代碼如下:
<html>
<head>
<title>點擊復(fù)選框按鈕變?yōu)椴豢捎?lt;/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>你確認(rèn)要提交?</b><br>
<input type="Submit" value="我一定要提交" disabled>
</form>
<script>
document.forms.agreeform.agreecheck.checked=false
</script>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
-
javascript驗證只能輸入數(shù)字和一個小數(shù)點示例
使用javascript限制只能輸入數(shù)字和一個小數(shù)點,在某些情況下還是比較使用的,下面有個不錯的示例,感興趣的朋友可以參考下 2013-10-10
-
JavaScript中數(shù)組嵌套對象排序方法的示例詳解
在?JavaScript?中,可以使用?sort()?方法對包含嵌套對象的數(shù)組進(jìn)行排序,本文將通過三個簡單的示例為大家進(jìn)行簡單的介紹,需要的可以參考下 2024-03-03
-
element el-input 刪除邊框的實現(xiàn)
本文主要介紹了element el-input 刪除邊框的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧 2023-04-04
最新評論
本文實例講述了JS實現(xiàn)點擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒?。分享給大家供大家參考。具體如下:
在注冊時候經(jīng)常會看不到,如果不點擊閱讀注冊許可的話,提交按鈕是灰色的,失效不能提交,必須點它一下,這個JS代碼就是實現(xiàn)這樣一個功能,只有你點擊了確認(rèn)提交,下邊的按鈕才生效。
運行效果如下圖所示:

具體代碼如下:
<html>
<head>
<title>點擊復(fù)選框按鈕變?yōu)椴豢捎?lt;/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>你確認(rèn)要提交?</b><br>
<input type="Submit" value="我一定要提交" disabled>
</form>
<script>
document.forms.agreeform.agreecheck.checked=false
</script>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
javascript驗證只能輸入數(shù)字和一個小數(shù)點示例
使用javascript限制只能輸入數(shù)字和一個小數(shù)點,在某些情況下還是比較使用的,下面有個不錯的示例,感興趣的朋友可以參考下2013-10-10
JavaScript中數(shù)組嵌套對象排序方法的示例詳解
在?JavaScript?中,可以使用?sort()?方法對包含嵌套對象的數(shù)組進(jìn)行排序,本文將通過三個簡單的示例為大家進(jìn)行簡單的介紹,需要的可以參考下2024-03-03
element el-input 刪除邊框的實現(xiàn)
本文主要介紹了element el-input 刪除邊框的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04

