欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)點擊復選框將按鈕或文本框變?yōu)榛疑豢捎玫姆椒?/h1>
 更新時間：2015年08月11日 12:30:02   作者：皮蛋  
這篇文章主要介紹了JS實現(xiàn)點擊復選框將按鈕或文本框變?yōu)榛疑豢捎玫姆椒?涉及javascript動態(tài)修改頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)點擊復選框將按鈕或文本框變?yōu)榛疑豢捎玫姆椒?。分享給大家供大家參考。具體如下：

在注冊時候經常會看不到，如果不點擊閱讀注冊許可的話，提交按鈕是灰色的，失效不能提交，必須點它一下，這個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ù)點示例

    使用javascript限制只能輸入數(shù)字和一個小數(shù)點，在某些情況下還是比較使用的，下面有個不錯的示例，感興趣的朋友可以參考下
    2013-10-10
  • JavaScript中數(shù)組嵌套對象排序方法的示例詳解

    JavaScript中數(shù)組嵌套對象排序方法的示例詳解

    在?JavaScript?中,可以使用?sort()?方法對包含嵌套對象的數(shù)組進行排序,本文將通過三個簡單的示例為大家進行簡單的介紹,需要的可以參考下
    2024-03-03
  • JavaScript中DOM和BOM原理詳析

    JavaScript中DOM和BOM原理詳析

    這篇文章主要介紹了JavaScript中DOM和BOM原理詳析，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
    2022-09-09
  • JavaScript日期和時間的格式化及其它常用處理方法

    JavaScript日期和時間的格式化及其它常用處理方法

    這篇文章主要給大家介紹了關于JavaScript日期和時間的格式化及其它常用處理方法,JavaScript中可以使用Date對象來表示日期和時間,如果需要格式化日期和時間,可以使用Date對象的幾個方法和一些字符串操作方法來實現(xiàn),需要的朋友可以參考下
    2023-09-09
  • 微信小程序多項選擇器checkbox

    微信小程序多項選擇器checkbox

    這篇文章主要為大家詳細介紹了微信小程序多項選擇器checkbox，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • 淺談javascript的分號的使用

    淺談javascript的分號的使用

    不加分號其實體現(xiàn)的是對javascript的深入理解。最后一個分號是因為無法判斷后引入的js文件內容會不會對本文檔產生影響；return多數(shù)是要加分號的,
    2015-05-05
  • 原生JS實現(xiàn)圖片左右輪播

    原生JS實現(xiàn)圖片左右輪播

    本文主要分享了原生JS實現(xiàn)圖片左右不停運動的完整示例代碼，可直接保存到HTML文檔打開可以查看效果。下面跟著小編一起來看下吧
    2016-12-12
  • 通過正則格式化url查詢字符串實現(xiàn)代碼

    通過正則格式化url查詢字符串實現(xiàn)代碼

    看到項目里通過js數(shù)組split方法格式化查詢字符串的，突發(fā)奇想為什么不能用正則呢，性能如何?感興趣的朋友可以研究下哦
    2012-12-12
  • 基于JavaScript實現(xiàn)表格隔行換色

    基于JavaScript實現(xiàn)表格隔行換色

    這篇文章主要介紹了基于JavaScript實現(xiàn)表格隔行換色,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-05-05
  • element el-input 刪除邊框的實現(xiàn)

    element el-input 刪除邊框的實現(xiàn)

    本文主要介紹了element el-input 刪除邊框的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2023-04-04

最新評論