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)修改頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)點(diǎn)擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒ā７窒斫o大家供大家參考。具體如下：
在注冊(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)文章
-
復(fù)制到剪貼板的實(shí)現(xiàn)方法有很多，在本文將為大家詳細(xì)介紹下使用js是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過 2013-10-10
-
本篇文章主要介紹了Dropify.js圖片寬高自適應(yīng)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
-
ES6 Map結(jié)構(gòu)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Map結(jié)構(gòu)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6中map鍵值對(duì)hash結(jié)構(gòu)相關(guān)定義、獲取、輸出、遍歷等相關(guān)操作技巧,需要的朋友可以參考下 2019-06-06
-
JavaScript使用Base64編碼和Blob對(duì)象加密圖像url地址
有時(shí)候會(huì)看到一些網(wǎng)站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實(shí)現(xiàn)呢？本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對(duì)象技術(shù)來實(shí)現(xiàn),下面是實(shí)現(xiàn)的步驟和相應(yīng)的示例代碼, 2023-12-12
-
這篇文章主要介紹了JS 事件機(jī)制,結(jié)合完整實(shí)例形式分析了JavaScript事件響應(yīng)機(jī)制、原理與使用技巧,需要的朋友可以參考下 2020-01-01
-
本文主要介紹了利用display的none與block判斷登錄界面的賬號(hào)密碼是否為空的方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧 2017-02-02
-
最近在編寫一個(gè)JavaScript框架，發(fā)現(xiàn)有很多細(xì)節(jié)注意得不夠,于是開始關(guān)注JavaScript提高效率的一些技巧，在這里分享給大家，感興趣的你可以參考下 2013-08-08
-
郁悶!ionic中獲取ng-model綁定的值為undefined如何解決
很是郁悶！ionic中獲取ng-model綁定的值為undefined，如何解決？ 2016-08-08
-
JS實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能
遇到網(wǎng)頁上有精美圖片或者精彩文字想保存時(shí)，通常大家都是選中目標(biāo)后按鼠標(biāo)右鍵，在彈出菜單中選擇“圖片另存為”或“復(fù)制”來達(dá)到我們的目的。但是，目前有許多網(wǎng)頁都屏蔽了鼠標(biāo)右鍵，那么用js如何實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能呢？下面小編給大家介紹下 2016-10-10
-
JS實(shí)現(xiàn)可關(guān)閉的對(duì)聯(lián)廣告效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)可關(guān)閉的對(duì)聯(lián)廣告效果代碼,涉及JavaScript針對(duì)滾動(dòng)事件動(dòng)態(tài)設(shè)置頁面元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下 2015-09-09
最新評(píng)論
本文實(shí)例講述了JS實(shí)現(xiàn)點(diǎn)擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒ā７窒斫o大家供大家參考。具體如下：
在注冊(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)文章
- 復(fù)制到剪貼板的實(shí)現(xiàn)方法有很多，在本文將為大家詳細(xì)介紹下使用js是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過2013-10-10
- 本篇文章主要介紹了Dropify.js圖片寬高自適應(yīng)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
-
ES6 Map結(jié)構(gòu)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Map結(jié)構(gòu)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6中map鍵值對(duì)hash結(jié)構(gòu)相關(guān)定義、獲取、輸出、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06 -
JavaScript使用Base64編碼和Blob對(duì)象加密圖像url地址
有時(shí)候會(huì)看到一些網(wǎng)站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實(shí)現(xiàn)呢？本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對(duì)象技術(shù)來實(shí)現(xiàn),下面是實(shí)現(xiàn)的步驟和相應(yīng)的示例代碼,2023-12-12 - 這篇文章主要介紹了JS 事件機(jī)制,結(jié)合完整實(shí)例形式分析了JavaScript事件響應(yīng)機(jī)制、原理與使用技巧,需要的朋友可以參考下2020-01-01
- 本文主要介紹了利用display的none與block判斷登錄界面的賬號(hào)密碼是否為空的方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
- 最近在編寫一個(gè)JavaScript框架，發(fā)現(xiàn)有很多細(xì)節(jié)注意得不夠,于是開始關(guān)注JavaScript提高效率的一些技巧，在這里分享給大家，感興趣的你可以參考下2013-08-08
-
郁悶!ionic中獲取ng-model綁定的值為undefined如何解決
很是郁悶！ionic中獲取ng-model綁定的值為undefined，如何解決？2016-08-08 -
JS實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能
遇到網(wǎng)頁上有精美圖片或者精彩文字想保存時(shí)，通常大家都是選中目標(biāo)后按鼠標(biāo)右鍵，在彈出菜單中選擇“圖片另存為”或“復(fù)制”來達(dá)到我們的目的。但是，目前有許多網(wǎng)頁都屏蔽了鼠標(biāo)右鍵，那么用js如何實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能呢？下面小編給大家介紹下2016-10-10 -
JS實(shí)現(xiàn)可關(guān)閉的對(duì)聯(lián)廣告效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)可關(guān)閉的對(duì)聯(lián)廣告效果代碼,涉及JavaScript針對(duì)滾動(dòng)事件動(dòng)態(tài)設(shè)置頁面元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09