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

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