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

具體代碼如下:
<html>
<head>
<title>點(diǎn)擊復(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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
-
javascript驗(yàn)證只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn)示例
使用javascript限制只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn),在某些情況下還是比較使用的,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下 2013-10-10
-
JavaScript中數(shù)組嵌套對(duì)象排序方法的示例詳解
在?JavaScript?中,可以使用?sort()?方法對(duì)包含嵌套對(duì)象的數(shù)組進(jìn)行排序,本文將通過(guò)三個(gè)簡(jiǎn)單的示例為大家進(jìn)行簡(jiǎn)單的介紹,需要的可以參考下 2024-03-03
-
JavaScript日期和時(shí)間的格式化及其它常用處理方法
這篇文章主要給大家介紹了關(guān)于JavaScript日期和時(shí)間的格式化及其它常用處理方法,JavaScript中可以使用Date對(duì)象來(lái)表示日期和時(shí)間,如果需要格式化日期和時(shí)間,可以使用Date對(duì)象的幾個(gè)方法和一些字符串操作方法來(lái)實(shí)現(xiàn),需要的朋友可以參考下 2023-09-09
-
通過(guò)正則格式化url查詢字符串實(shí)現(xiàn)代碼
看到項(xiàng)目里通過(guò)js數(shù)組split方法格式化查詢字符串的,突發(fā)奇想為什么不能用正則呢,性能如何?感興趣的朋友可以研究下哦 2012-12-12
-
基于JavaScript實(shí)現(xiàn)表格隔行換色
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)表格隔行換色,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下 2020-05-05
-
element el-input 刪除邊框的實(shí)現(xiàn)
本文主要介紹了element el-input 刪除邊框的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧 2023-04-04
最新評(píng)論
本文實(shí)例講述了JS實(shí)現(xiàn)點(diǎn)擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒?。分享給大家供大家參考。具體如下:
在注冊(cè)時(shí)候經(jīng)常會(huì)看不到,如果不點(diǎn)擊閱讀注冊(cè)許可的話,提交按鈕是灰色的,失效不能提交,必須點(diǎn)它一下,這個(gè)JS代碼就是實(shí)現(xiàn)這樣一個(gè)功能,只有你點(diǎn)擊了確認(rèn)提交,下邊的按鈕才生效。
運(yùn)行效果如下圖所示:
具體代碼如下:
<html> <head> <title>點(diǎn)擊復(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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript驗(yàn)證只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn)示例
使用javascript限制只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn),在某些情況下還是比較使用的,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-10-10JavaScript中數(shù)組嵌套對(duì)象排序方法的示例詳解
在?JavaScript?中,可以使用?sort()?方法對(duì)包含嵌套對(duì)象的數(shù)組進(jìn)行排序,本文將通過(guò)三個(gè)簡(jiǎn)單的示例為大家進(jìn)行簡(jiǎn)單的介紹,需要的可以參考下2024-03-03JavaScript日期和時(shí)間的格式化及其它常用處理方法
這篇文章主要給大家介紹了關(guān)于JavaScript日期和時(shí)間的格式化及其它常用處理方法,JavaScript中可以使用Date對(duì)象來(lái)表示日期和時(shí)間,如果需要格式化日期和時(shí)間,可以使用Date對(duì)象的幾個(gè)方法和一些字符串操作方法來(lái)實(shí)現(xiàn),需要的朋友可以參考下2023-09-09通過(guò)正則格式化url查詢字符串實(shí)現(xiàn)代碼
看到項(xiàng)目里通過(guò)js數(shù)組split方法格式化查詢字符串的,突發(fā)奇想為什么不能用正則呢,性能如何?感興趣的朋友可以研究下哦2012-12-12基于JavaScript實(shí)現(xiàn)表格隔行換色
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)表格隔行換色,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05element el-input 刪除邊框的實(shí)現(xiàn)
本文主要介紹了element el-input 刪除邊框的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04